input输入框type参数

今日闲来无事，把所有的输入框type属性都试了一遍。
一共呢，是有23个参数。

<form action="">
<input type="text" placeholder="1">//纯文本输入框
<input type="button" placeholder="2">//转换成按钮
<input type="checkbox" placeholder="3">//转换成勾选框
<input type="color" placeholder="4">//颜色选择器
<input type="date" placeholder="5">//日期选择，年月日
<input type="datetime" placeholder="6">//貌似没变化，依旧是纯输入框
<input type="datetime-local" placeholder="7">//日期选择精细版，年月日时分
<input type="email" placeholder="8">//邮箱输入框，使用form表单提交时能识别正确邮箱格式
<input type="file" placeholder="9">//文件选择器
<input type="hidden" placeholder="10">//隐藏输入框
<input type="image" placeholder="11">//可以放图片的表单提交按钮？？
<input type="month" placeholder="12">//日期的选择，年和月
<input type="number" placeholder="13">//数字输入框，只能输入数字，但可以输入小数点，还有大小写Ee，小数点可以理解，e是干嘛用的？有人能告诉我吗？
<input type="password" placeholder="14">//如字面意思，这是经常用到的密码框
<input type="radio" placeholder="15">//那个圆圈单选框
<input type="range" placeholder="16">//跟调音量的那条直线差不多，可以来回走动的，调试什么百分比应该会用到
<input type="reset" placeholder="17">//表单重置
<input type="search" placeholder="18">//专为搜索定制的搜索框
<input type="submit" placeholder="19">//表单提交
<input type="tel" placeholder="20">//这个没试出来有什么特别
<input type="time" placeholder="21">//时间选择，时与分
<input type="url" placeholder="22">//网址输入框，表单提交时识别是否为正确网址
<input type="week" placeholder="23">//这个选择时间的，选择哪一年和第几个星期
</form>

突然发现，记熟这些参数能让自己写界面的时候省下很多的功夫，像什么数字框，网址框，邮箱框，不过这些框要用form表单提交它会去识别和提醒，不用form表单的话是没有效果的。

唉，我以前都是用正则来判断的…麻烦的要死…