HTML5新增了一些表单元素,让用户输入内容更加方便快速
-
date
日期
<input type="date" />
-
time
-时间(时分)
<input type="time" />
-
week
-周
<input type="week" />
-
month
-月
<input type="month" />
-
email
-邮箱 ——只验证是否在字符串中间包含@
字符- 需要借助
form
才能起作用
- 需要借助
<input type="email" />
-
numer
-数字 ——只能输入数字,除了数字,其他字符不能输入
<input type="number" />
-
url
-网址 ——只验证协议名称- 需要借助
form
才能起作用
- 需要借助
<input type="url" />
- range`-范围
-
range
有四个属性max/min/step/value
-
<input type="range" max="10" min="1" value="1" step="1" />
-
color
-颜色
<input type="color" />
required
-必选项required
-必选项——多用于select
(下拉菜单)和file
(文件域)multiple—可多选——多用于
select
(下拉菜单)和file
(文件域)
<input type="file" multiple="multiple" />