简介
HTML表单是一个包含表单元素的区域,用来收集用户输入的内容并提交。<form>的常用属性:
- action :表单提交的地址
- method :提交表单的方法,有get和post两种。
常用表单元素
- 单选框,相同name为一组
<form action="/getInfo" method="get">
<input type="radio" name="width" value="70"> 70
<input type="radio" name="width" value="80"> 80
</form>
- 复选框,可通过checked属性默认选中
<form action="/getInfo" method="get">
<input type="checkbox" name="width" value="70"> 70
<input type="checkbox" name="width" value="80"> 80
</form>
- 文本框,包括单行文本和多行文本
<form action="/getInfo" method="get">
<input type="text">
<textarea></textarea>
</form>
- 密码框
<form action="/getInfo" method="get">
<input type="password">
</form>
- 文件上传
<form action="/getInfo" method="get">
<input type="file">
</form>
- 下拉框
<form action="/getInfo" method="get">
<select>
<option value="beijing">北京</option>
<option value="shanghai" selected>上海</option>
<option value="hangzhou">杭州</option>
</select>
</form>
- 按钮
<form action="/getInfo" method="get">
<input type="buttom" value="按钮">
<input type="submit" value="提交">
<input type="reset" value="重置">
</form>