一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第1天，点击查看活动详情。
一。HTML5新增input类型—number
1.①。max number 可以输入的最大数值
②。min number 可以输入的最大数值
③。step number 数值之间的间隔
④。value number 默认值
< input type="number" name="num" max="20" value="2" min="1" step="3">
< input type="submit" value="提交">
-
<input type="range" name="num" max="20" value="2" min="1" step="3"> <input type="submit" value="提交">
3.date(表示年月日）
<input type="date" name="date">
<input type="submit" value="提交">
4.month(表示年月）
<input type="month" name="date">
<input type="submit" value="提交">
5.week(表示年和周）
<input type="week" name="date">
<input type="submit" value="提交">
6.time（表示小时和分钟）
<input type="time" name="date">
<input type="submit" value="提交
7.datetime（格林威治时间，手动输入）
<input type="datetime" name="date">
<input type="submit" value="提交">
8.datetime-local（年月日，小时，分）
<input type="datetime-local" name="date">
<input type="submit" value="提交">
9.表单初级验证的方法 ①。placeholder （input类型的文本框提供一种提示，可以在文本框期待用户输入的内容，提示语默认显示，当文本框中输入内容时提示语消失 ，适合于input标签：text、search、url、email和password等类型。）
②。required （规定文本框填写内容不能为空，否则不允许用户提交表单，适合于input标签：text、search、url、email、password、number、checkbox、radio、file等类型）
<input type="radio" name="a" value="sex" required>男
<input type="submit" value="提交">
<input type="checkbox" name="a" value="nl" required>宝马
<input type="submit" value="提交">
<input type="file" name="a" value="wj" required>
<input type="submit" value="提交">
③。pattern（用户输入的内容必须符合正则表达式所指的规则，所有条件同时满足，否则就不能提交表单）
<input type="text" name="tel" required pattern="^1[358]\d{9}" />
<input type="submit" value="提交">
