html学习——表单的简单验证

为什么要对表单进行验证？

• 识别错误请求，减轻服务器压力
• 保证数据安全性（？）
  （保证安全这里没有看懂，有无大佬可以在评论区解释一下）

常用方式

• placeholder ：提示语，文本框未输入时显示提示语，输入任何字符后不显示

<form>
	<p>
	<input type="text" name="username" placeholder="请输入用户名">
	</p>
</form>

• required：非空判断，元素不能为空，该文本框为必填项

<form>
	<p>
	<input type="text" name="username" placeholder="请输入用户名"
	 required>
	</p>
</form>

• pattern：正则表达式，用来对文本框的内容进行验证。书写很麻烦，建议配合搜索引擎使用

<!--这里的正则表达式是规定文本必须为数字或字母，出现汉字则无法通过验证-->
<form>
	<p>
	<input type="text" name="username" placeholder="请输入用户名"
	 required pattern="^[A-Za-z0-9]+$">
	</p>
</form>