3-8. 表单练习
2017-11-10 本文已影响11人
一Left一
- fieldset标签：可以给表单添加一个边框
- legend标签：可以给边框指定一个标题
- fieldset写在form中
- legend紧跟fieldset的开始标签
<body>
<!--
fieldset: 给表单增加一个边框
legend: 给边框增加一个主题,紧紧跟在fieldset之后
-->
<form action="">
<fieldset>
<legend>我们约会吧,报名表</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="报名">
<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
