Version: Next
表单
form与label
用于采集用户输入的数据，与服务器进行交换
form:用于定义表单，可以定义一个范围，范围内代表采集用户数据的范围属性:
action：提交数据的URL，#表示当前页面method：提交请求的方式，共7种，常用的两种：GET:- 请求参数会在地址栏中显示，会封装到请求行中
- 请求参数长度有限制
- 不太安全
POST- 请求参数不会在地址栏中显示，会封装在请求体中
- 请求参数的大小没有限制
- 相对安全
caution
表单的某项数据想要被提交，必须指定其name属性
label属性：
for：相当于input标签的id属性，单击label会自动跳进对应输入框
input标签
属性：
type:- text：普通输入框
- password：密码输入框
- radio：单选框
checked可以指定默认选中name属性指定多个单选框为一组 - checkbox：多选框
checked可以指定默认选中name属性指定多个单选框为一组 - hidden：隐藏域，可以传递某数据但不显示，在SpringMVC传递对象时有用
- color：取色器面板
- data：年月日日期
- datetime-local：年月日时分日期
- email：邮箱
- submit：提交按钮，点了表单就提交到action指定路由
- image： src指定图片路径，一个图片提交按钮，点击图片就提交表单
- button：普通按钮
- file ：文件域
- range：滑块
select标签
下拉式选择器
- select 下拉框
- option 选择项
textaread标签
编辑区，用rows和cols指定行列即可
实例
<form action="#" method="get">
<label for="username">用户名</label><input type="text" placeholder="请输入用户名" id="username"> <br/>
<input type="password"> <br/>
性别<input type="radio" name="gender" value="male" checked> 男
<input type="radio" name="gender" value="female"> 女 <br/>
爱好<br/>
<input type="checkbox" name="hobby" value="music"> 音乐 <br/>
<input type="checkbox" name="hobby" value="dance" checked="checked"> 跳舞 <br/>
<input type="checkbox" name="hobby" value="exercise"> 健身 <br/>
上传文件<input type="file" name="file"> <br/>
隐藏域<input type="hidden" name="id" value="aaa"><br/>
取色器： <input type="color">
生日： <input type="date">
生日： <input type="datetime-local">
邮箱： <input type="email"><br/>
文件： <input type="file">
滑块： <input type="range" min="0" max="100">
省份：
<select name="province">
<option value="">--请选择--</option>
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">深圳</option>
</select><br/>
自我描述：<br/>
<textarea rows="5" cols="20" name="description">
</textarea>
<br/>
<input type="submit" value="提交">
<input type="button" value="一个按钮">
<input type="image" src="../img/1.png">
</form>