1、表单元素
-
包含访问协议的完整路径的输入域,在提交表单时,自动验证url域的值
<input type="url" placeholder="请输入地址" name="userURL">
-
包含e-mail地址的输入域,在提交表单时,自动验证email域的值
<input type="email" placeholder="请输入邮箱地址" name="usermail">
-
用于搜索关键字的文本输入域,多用于手机客户端
<input type="search">
-
用于输入电话号码的文本输入域,服务于触屏网页开发,在电脑网页中无效,在触屏网页中点击输入域,显示虚拟电话键盘(0-9、*、#)
<input type="tel">
-
用于包含数值的输入域
<input type="number" max="10" min="0" value="2" step="2"> max属性:最大值 min属性:最小值 step属性:步长,合法的数字间隔,默认步长为1
注意:当用户输入的数值不在指定范围内,会弹出相关提示,并阻止表单提交
-
用于生成一个数字滑动条。与number类型比区别在于外观样式不同、默认值不同。range类型的min值默认为0,max属性默认值为100
<input type="range" max="10" min="0" value="2">
-
用于生成一个颜色选择器,值为十六进制色值
<input type="color"> <input type="color" value="#ffff00"> value:必须是十六进制,不能简写