HTML5 input元素新的特性
HTML5引入了一些新的<input>
元素特征,以下是一些例子:
placeholder
属性:提供了一种提示用户输入的方式,当输入框为空时显示提示文本,当输入框有输入时提示文本消失。
<input type="text" placeholder="请输入您的名字">
required
属性:表示该输入框是必填的,如果表单在没有填写此输入框的情况下被提交,浏览器会阻止提交并显示警告。
<input type="text" required>
pattern
属性:用于指定一个正则表达式,输入的内容必须匹配这个模式才能被接受。
<input type="text" pattern="[0-9]{10}" title="请输入10位数字">
autofocus
属性:页面加载时自动聚焦到该输入框。
<input type="text" autofocus>
autocomplete
属性:用于表单输入的自动完成。当设置为on
时,浏览器会开启自动完成功能;设置为off
时则关闭。
<input type="text" autocomplete="on">
multiple
属性:允许输入框接受多个值(用逗号分隔),通常用于邮箱输入框。
<input type="email" multiple>
min
和max
属性:设置数值输入框的最小值和最大值。
<input type="number" min="0" max="100">
step
属性:设置数值输入框每次增加或减少的步长。
<input type="number" step="10">
list
属性:与<datalist>
元素配合使用,提供输入框的预定义选项。
<input type="text" list="languages">
<datalist id="languages">
<option value="English">
<option value="Spanish">
<option value="French">
</datalist>
以上是一些常见的HTML5 <input>
元素新特性的例子。
评论已关闭