CSS :: fieldset 和 legend 標籤

by - 7月 19, 2017
<fieldset><legend> 這兩個tag 大家可能比較陌生,他們都是屬於 form 標籤組,
也就是要放在 <form> 裡面,用來加強form的結構性,用意是將過長的表單"群組"。

例如一份會員表單,可以用 <fieldset> 區分成個人資訊、連絡資訊、興趣...等,
再以 <legend> 註明標題,結構會像這樣。

<fieldset>
<legend>個人資訊</legend>
名字: <input name="personal_lastname" type="text">
性別: <input name="personal_firstname" type="text">
地址: <input name="personal_address" type="text" >
...更多個人資訊...
</fieldset>
另外,<label> 也是屬於 form 標籤組,不應用於form之外的地方。

標籤請於適當時機使用,詳細說明和範例可參考
http://www.w3.org/TR/html4/interact/forms.html#h-17.10

You May Also Like

0 意見