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元素通常用於表單,但它也可以用於其他目的,例如在定義列表中組織術語和定義。