Label标签
label标签的for属性需要和按钮的id属性一致
<form>
<input type="radio" name="sports" id="basketball">
<label for="basketball">篮球</label> 点击label标签中的文字也可以选择按钮
<input type="radio" name="sports" id="soccer">
<label for="soccer">足球</label>
</form>
只读和禁用文本标签
<form>
<input type="text" value="irvory" readonly name="" id="">
<input type="text" value="dragon" disabled name="" id="">
<input type="button" value="按钮" disabled>
<input type="checkbox" name="" checked id="">
</form>
表单组
<form>
<fieldset>
<legend>sports</legend>
<input type="radio" name="sports-item" id="soccer">
<label for="soccer">足球</label>
<input type="radio" name="sports-item" id="basketball">
<label for="basketball">篮球</label>
</fieldset>
</form>
H5新增表单标签
<form action="#">
文本：<input type="text">
单选：<input type="radio">
多选： <input type="checkbox" name="" id="">
按钮：<input type="button" value="按钮">
密码： <input type="password" name="" id="">
隐藏：<input type="hidden" name="" id="tmd" value="123">
重置：<input type="reset">
提交：<input type="submit">
<hr>
<h2>html5的新标签</h2>
邮箱：<input type="email" name="" id="">
数字：<input type="number">
搜索：<input type="search">
颜色：<input type="color">
日期：<input type="date" name="" id="">
滑块：<input type="range" name="" id="">
</form>
