HTML5新增表单属性提升交互与验证效率：placeholder提供输入提示，required确保必填项，autofocus实现自动聚焦，pattern支持正则校验，autocomplete控制自动填充，multiple允许多值输入，min、max和step限定数值范围，结合使用可减少JavaScript依赖并增强用户体验。
HTML5为表单元素引入了多个新属性，让开发者能更方便地实现用户交互和数据验证。这些属性简化了前端开发，减少了对JavaScript的依赖。下面介绍几个常用HTML5表单属性的功能与具体用法。
placeholder 属性：输入提示文本
功能：在输入框为空时显示一段浅色提示文字，帮助用户理解应输入的内容。当用户开始输入时，提示自动消失。
用法：直接添加到 input 或 textarea 元素中。
<input type="text" placeholder="请输入您的姓名"><textarea placeholder="请写下您的意见..."></textarea>
注意：placeholder 只是提示，不能替代 label 标签。为了可访问性，建议配合使用 label。
立即学习“前端免费学习笔记（深入）”；
required 属性：必填字段验证
功能：标记该输入项为必填项。提交表单时如果该字段为空，浏览器会自动弹出提示并阻止提交。
用法：只需添加 required 关键字即可。
<input type="email" name="email" required placeholder="请输入邮箱地址">常用于邮箱、用户名、密码等关键信息输入框。
autofocus 属性：自动聚焦
功能：页面加载后，光标自动定位到指定输入框，提升用户体验。
用法：在需要自动获取焦点的输入框上添加 autofocus。
<input type="text" autofocus placeholder="此处将自动获得焦点">一个页面建议只设置一个 autofocus，避免行为混乱。
pattern 属性：正则表达式验证
功能：通过正则表达式限制用户输入格式，常用于电话号码、身份证号等特定格式字段。
当用户希望自动格式化、排版或美化 Word（`.docx`）文档时，应使用此技能。触发语包括： - “帮我排版这个Word” - “自动格式化文档” - “统一字体行距” - “论文/报告排版” - “Word排版” - “整理文档格式” - “format this Word file” - “auto typeset” - “standardize document style” 该技能提供一个 Python 脚本（`word_formatter.py`），可
用法：为 input 添加 pattern 属性，值为正则表达式字符串。
<input type="text" pattern="[0-9]{3}-[0-9]{4}" placeholder="123-4567" title="格式：三位数字-四位数字">title 属性用于提示用户正确格式，提交时若不匹配会显示错误。
autocomplete 属性：控制自动填充
功能：控制浏览器是否启用自动补全功能。
常见值：
- on：允许自动填充（默认）
- off：关闭自动填充
- name、email、tel 等：指定填充类型
<input type="text" autocomplete="off">
适用于敏感信息或防止误填的场景。
multiple 属性：支持多值输入
功能：允许用户在一个输入框中输入多个值，通常用于邮箱或文件上传。
用法：
<input type="email" multiple placeholder="可输入多个邮箱，用逗号分隔"><input type="file" multiple>
提交时多个值会以逗号分隔的形式发送。
min、max 和 step 属性：数值范围控制
功能：用于 number、range、date 类型输入框，限制输入范围和步长。
<input type="number" min="1" max="100" step="5" value="10">用户只能输入1到100之间、步长为5的数值（如10, 15, 20…）。
基本上就这些。合理使用HTML5表单属性，能让表单更易用、更规范，同时减少JavaScript代码量。虽然现代浏览器普遍支持，但在关键项目中仍建议结合JS做兼容处理和增强校验。
