使用required属性可实现非空验证，只需在input、textarea或select标签中添加该属性，浏览器会自动阻止空值提交；2. pattern属性通过正则表达式定义输入格式，如pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}"用于验证电话号码格式，并结合title提供提示；3. 自定义错误提示需通过javascript监听表单submit事件，调用event.preventdefault()阻止默认提交，并根据validity对象判断有效性后显示自定义错误信息；4. 其他html5验证属性包括type、min、max、minlength、maxlength和step，可分别用于类型、数值范围、长度和步长验证，支持组合使用；5. 为兼容不支持html5验证的浏览器，可采用javascript polyfill库（如html5shiv）或完全使用javascript实现验证；6. 前后端均需进行表单验证，前端验证提升用户体验，后端验证确保数据安全，两者规则应保持一致以保障数据完整性和系统安全性。
HTML表单输入验证，简单来说，就是确保用户在提交表单前，输入的数据符合我们的预期。
pattern属性是其中一个关键工具，它允许我们使用正则表达式来定义输入字段的有效格式。
解决方案：
HTML提供了多种方式进行表单输入验证，从简单的属性设置到复杂的JavaScript验证，选择合适的方案取决于具体需求。
立即学习“前端免费学习笔记（深入）”；
如何使用HTML的required
属性进行简单的非空验证？
required属性是HTML5引入的，它非常简单直接：只需要在、