赞
踩
HTML5表单中新增表单验证方法
1.运用伪类为验证添加样式:
required(必填)和option(option):根据字段中是否包含错误来应用不同的样式。
valid(有效)和invalid(无效):根据控件中是否包含错误来应用不同的样式。注意,只有提交表单的时候,浏览器才能发现值是否有效
in-range(在范围内)和out-of-range(超出范围):根据控件的min和max属性判断输入值是否超出范围,从而为控 件应用样式。
运用样式示例:
<input type="number" min=0 max=100 required />
验证样式:
input:required{background:lightyellow} //为必填的<input>添加背景颜色
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。