input 的type类型总结

 

<input type="text"> 定义供文本输入的单行输入字段，有很多类型，在这里我做一个总结。

text：一个输入文本框，输入的内容直接显示出来；

password：密码输入框，输入的内容以小圆点的形式显示出来；

submit：提交表单数据至表单处理程序的按钮；

radio：单选按钮；

checkbox：多选按钮；

button：定义按钮，常用于点击事件或ajax传输验证数据；

number：用于应该包含数字值的输入字段，能够对数字做出限制。

<input type="number" name="quantity" min="1" max="5">

date：用于应该包含日期的输入字段，页面上回显示一个日期输入框，点击时会弹出当天的月份和日期（日历）

<form action="/demo/demo_form.asp">
  生日：
  <input type="date" name="bday">
  <input type="submit">
</form>

email：专用于email的输入，省去了正则表达式的编写，很方便。

<form action="/demo/demo_form.asp">
  E-mail:
  <input type="email" name="email">
  <input type="submit">
</form>

以上是很常用的类型，其实还有其他如tel，week等类型，但不怎么常用，如果用到了可以去W3C查资料。一般开发人员掌握以上的基本就足够了。