HTML5引入了许多新的表单控件和属性,以提升用户体验和开发效率。以下是一些关键的新增属性和它们的作用:
placeholder
:这个属性用于在表单控件中提供提示信息,当用户开始输入时,这些提示信息会自动消失。例如:-
<input type="text" placeholder="请输入您的姓名">
required
:此属性用于强制用户在提交表单之前填写必填字段。例如: -
<input type="text" name="username" required>
pattern
:这个属性允许开发者定义一个正则表达式,用于验证表单控件的输入是否符合特定的格式。例如: -
<input type="text" name="phone" pattern="\d{11}" placeholder="请输入11位的手机号码">
autocomplete
:此属性可以启用或禁用表单控件的自动完成功能。例如 <input type="text" name="address" autocomplete="off">
autofocus
:此属性使得页面加载时,指定的表单控件会自动获得焦点。例如:-
<input type="text" name="username" autofocus>
multiple
:此属性允许用户在表单控件中选择多个选项。例如: <select name="interests" multiple> <option value="music">音乐</option> <option value="sports">运动</option> <option value="reading">阅读</option> </select>