HTML5中input的常用类型和标签的使用教程
【转自e良师益友网】HTML5每日坚持一练：今天介绍input在HTML5中其中的5种类型，分别是：number，range，search，tel和color，你可以自己尝试编出实例的哦。
1、number类型
此输入框是一种专门用来输入数字的文本框，并且在提交的时候会验证内容是否为数字，它具有四个属性，分别是：min、max、step和value。
min：此输入框的最小值
max：此输入框的最大值
step：当点击上下箭头数值一次跳几个
value：表示此输入框的默认值
2、range类型
此输入框是一种只允许输入某一段范围内数值的文本框，它同样也具有四个属性，分别是：min、max、step和value，默认的取值范围为0-100。
min：此输入框的最小值
max：此输入框的最大值
step：当点击上下箭头数值一次跳几个
value：表示此输入框的默认值
3、search类型
search类型的input元素是一种专门用来输入搜索关键词的文本框，search类型与text类型仅在外观上有区别，外观可以使用CSS来定义。
4、tel类型
tel元素被设计用来输入电话号码的专用文本框，他没有特殊的验证规则，不强制输入数字，因为很多电话通常带有其它的字符，比如：010-88696811，但是开发者可以pattern属性来制定输入的内容，一般为正则表达式。
5、color类型
color类型的input元素用来取色，它提供了一个颜色的取色器。
6、output标签
range类型的input元素用来定义不同类型的输出，比如计算结果或者脚本的输出，output元素必须属于某个表单。换句话说，必须将它书写在表单内部，或者对他添加form指向属性。
每天坚持一练，HTML5不再是难题，想了解更多HTML教程知识就登录e良师益友网。
本文出自 “语过添情” 博客，请务必保留此出处http://yuguotianqing.blog.51cto.com/9292883/1544769
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
