6.表单的初级验证

表单初级验证

作用

1. 减轻服务器的压力
2. 增加安全性

常用方式

• placeholder
• required
• pattern

placeholder

给用户的提示信息

账号<input type="text" name="username" placeholder="请输入账号"/>

required

非空判断

账号<input type="text" name="username" placeholder="请输入账号" required/>

pattern

正则表达式

<p>
    邮箱：
    <input type="text" name="email" pattern="(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))"/>
</p>