HTML5基础----表单验证和下拉框_html.validationmessagefor 验证下拉框

1.表单

<form action=”表单的提交页面” method=”表单提交方式get(公开)/post(保密)”>
文本框：<input type=”text” value=”默认值” /> 
密码框:<input type=”password” value=”默认值” /> 
普通按钮：<input type=”button” value=”按钮的名字” />
提交按钮：<input type=”submit” value=”按钮的名字”> 
单选框：<label><input type=”radio” name=”组名” value=”传给后台的值” checked=”checked”/></label>
复选框：<label><input type=”checkbox” checked=”checked” name=”组名” value=”传给后台的值” /></label>
1
2
3
4
5
6
7

2.下拉框：

<select name=”名字”>
<option value=”传给后台的值”>2000</option>
......
</select>
1
2
3
4

3.多行文本域：

<textarea cols=”宽度” rows=”高度”>内容</textarea>
1

4.图片按钮：

<input type=”image” src=”图片的路径” alt=”加载不出的显示”/>
1

5.数据列表：

<input type=”url/text/email” list=”数据列表的id名” name=””>
<datalist id=”数据列表的id名”>
<option label=”显示的数据” value=”真实选中的内容” ></option>
.....
</datalist>
1
2
3
4
5

6.重置按钮：

<input type=”reset”>

</form>
1
2
3

7.表单验证：

不能为空的验证：required
匹配类型验证：
匹配url：<input type=”url”>
匹配email：<input type=”email”>
控制字符数量：
最大值：maxlength=”最大值”
最小值：minlength=”最小值”
控制验证输入的范围（针对的是数字number或者日期date）：
最小：min=”最小值”
最大：max=”最大值”
倍数：step=”倍数”
1
2
3
4
5
6
7
8
9
10
11

8.取消验证（强制登录）：

<input type=”submit” value=”提交” formnovalidate>
1