HTML——表单初级验证

常用方式

placeholder 提示信息
required 非空判断（必须要填写东西）
pattern 正则表达式

代码
<p>名字：<input type="text" name="username" placeholder="请输入名称" required></p>

效果图

pattern

正则表达式速查表
http://www.jb51.net/tools/regexsc.htm

代码
<p>自定义邮箱： <input type="text" name="diymail" pattern="/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/ /^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/或\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"> </p>