自定义验证----required属性

1，required属性 - 表示字段不能为空
（注意：只有用户单击“提交”按钮提交表单的时候，浏览器才会执行验证。目前HTML5不支持指定验证的时间，而且验证消息的样式和内容各个浏览器不大一样，不能修改。）
原文:HTML5 - 表单客户端验证

<form action="#">
<input type="text" required/>
<input type="submit" value="提交">
</form>

2，关闭验证的两种方式
（1）在<form>元素中添加novalidate属性，禁用整个表单的验证功能
1
<form action="#" novalidate>
（2）或给提交按钮添加formnovalidate属性
1
<input type="submit" value="提交" formnovalidate>

3，修改文本框验证样式
虽然我们无法修改验证消息的样式，但却可以根据输入字段时候需要验证，已经验证结果来改变它们的外观。
这里使用了几个新的CSS伪类：
required（必填）和optional（选填）：根据字段中是否使用required属性来应用不同的样式。
valid（有效）和invalid（无效ÿ