<form>表单用于搜集不同类型的用户输入。即是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
1.文本域(text),当用户要在表单中键入字母、数字等内容时,就会用到文本域。
<form>
昵称:<input type="text" name="nicheng"/>
简介:<input type="text" name="jianjie"/>
</form>
显示结果:
2.多行文本域(textarea)
<form>
建议:<input type="textarea">
<form/>
3.密码(password)
<form>
密码:<input type="password"/>
</form>
显示结果:我手动输入了几个字符
4.单选按钮(Radio Buttons)
<form>
<input type="radio" name="sex" value="male" checked/>男
<input type="radio" name="sex" value="female"/>女
<form/>
显示结果:
checked表示默认选中,当name相同的情况下,单选才生效。
5.复选框(Checkboxes)
<form>
<input type="checkbox" name="bike"/>I have a bike
<input type="checkbox" name="car"/>I have a car
</form>
显示结果:
6.提交按钮(submit)和取消按钮(reset)
<form>
<input type="submit" value="确定"/>
<input type="reset" value="取消"/>
</form>
显示结果:
7.下拉
<select>
<option value="course">语文</option>
<option value="course">数学</option>
<option value="course">英语</option>
</select>
显示结果: