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

最新推荐文章于 2023-04-05 21:07:18 发布

原创最新推荐文章于 2023-04-05 21:07:18 发布 · 326 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

新手学习同时被 2 个专栏收录

20 篇文章

订阅专栏

html学习

17 篇文章

订阅专栏

本文探讨了HTML中表单验证的重要性，包括减少错误请求和保障数据安全性，并介绍了简单的验证方法，如placeholder用于提示输入，required确保字段非空，以及pattern属性利用正则表达式进行复杂内容验证。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

常用方式

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>