- fieldset標(biāo)簽:可以給表單添加一個(gè)邊框
- legend標(biāo)簽:可以給邊框指定一個(gè)標(biāo)題
- fieldset寫在form中
- legend緊跟fieldset的開始標(biāo)簽
<body>
<!--
fieldset: 給表單增加一個(gè)邊框
legend: 給邊框增加一個(gè)主題,緊緊跟在fieldset之后
-->
<form action="">
<fieldset>
<legend>我們約會(huì)吧,報(bào)名表</legend>
姓名: <input type="text">
<br>
年齡: <input type="number"><br>
性別: 男 <input type="radio" name="sex" checked="checked" value="male"> 女 <input type="radio" name="sex"><br>
婚姻狀況:
<select>
<option >已婚</option>
<option selected="selected">單身</option>
<option >離異</option>
</select>
<br>
體育愛好: 籃球 <input type="checkbox" name="love" checked="checked"> 游泳<input type="checkbox" name="love"> 跑步 <input type="checkbox" name="love">
<br>
自我描述: <textarea cols="20" rows="10"></textarea>
<br>
生日: <input type="date">
<br>
郵箱: <input type="email">
<br>
電話: <input type="number">
<br>
<input type="submit" value="報(bào)名">
<input type="reset" value="重新填寫">
</fieldset>
</form>
</body>
圖片.png
http://www.w3school.com.cn/tags/tag_select.asp
http://www.w3school.com.cn/tags/tag_textarea.asp
http://www.w3school.com.cn/tags/tag_option.asp
http://www.w3school.com.cn/html/html_form_elements.asp