Fieldset意思
在HTML中,fieldset
是一個元素,用於將表單中的相關元素組織在一起。它通常包含一個或多個輸入元素、選擇元素、按鈕或其他表單元素。fieldset
元素的用途是提供一種視覺上的分組,以便用戶更容易理解表單的不同部分。
fieldset
元素可以有一個legend
元素作為其子元素,legend
元素用於提供該組表單元素的標題或說明。
下面是一個簡單的HTML示例,展示了如何使用fieldset
元素來組織表單中的元素:
<form action="/submit-form" method="post">
<fieldset>
<legend>Personal Information</legend>
<label for="firstName">First Name:</label>
<input type="text" id="firstName" name="firstName">
<label for="lastName">Last Name:</label>
<input type="text" id="lastName" name="lastName">
<label for="email">Email Address:</label>
<input type="email" id="email" name="email">
</fieldset>
<fieldset>
<legend>Shipping Address</legend>
<label for="address1">Address Line 1:</label>
<input type="text" id="address1" name="address1">
<label for="address2">Address Line 2:</label>
<input type="text" id="address2" name="address2">
<label for="city">City:</label>
<input type="text" id="city" name="city">
<label for="state">State:</label>
<input type="text" id="state" name="state">
<label for="zip">Zip Code:</label>
<input type="text" id="zip" name="zip">
</fieldset>
<input type="submit" value="Submit">
</form>
在這個例子中,fieldset
元素將表單分成了兩個部分:個人信息和shipping地址。每個fieldset
都有一個legend
元素,用於為該部分提供標題。
請注意,fieldset
元素通常用於表單,但它也可以用於其他目的,例如在定義列表中組織術語和定義。