input新增,自带校验功能
浏览文件
type='file'
js下获取对象后的length属性,长度为上传的文件个数,改对象返回数组
邮箱
type="email" 必须包含@,且@后有内容
搜素框
type="search" 搜索内容后多个×号,和浏览器有关
重置
type="reset"
url类型
type="url" 内容必须包含http://,且后面有内容
颜色选择框
type="color"
数字
type="number" 只能输入数字,且自带上下点击,加减数字功能
自带
max属性
max="10" 数字不能超过10
min属性
min="0" 数字不能低于0
step属性
step="5" 设置上下点击时数字的变化值
范围,可拉动的进度条
type="range"
max属性
范围的上限
min属性
范围的下限
step属性
每次滑动递增或递减长度
value属性
初始值
日期类型
type="date" 可选择日期的框
周类型
type="week" 可选择周类型
月类型
type="month" 可选择月
代码示例:
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="#">
<p>
邮箱:<input type="email" />
搜索<input type="search" />
颜色: <input type="color" />
数组: <input type="number" max="10" min="0" step="2"/>
范围: <input type="range" min="0" max="100" value="80" step="20"/>
日期: <input type="date" />
周: <input type="week" />
月: <input type="month"/>
</p>
<p>
<input type="submit" value="提交"/>
<input type="reset" />
</p>
</form>
</body>
</html>