input 标签常见属性

在 css 中 input 是非常常用的标签，input 标签用于接收用户输入，为行内块元素。他不仅仅是接收文本的输入，可以通过type属性的设置我们还可以接收不同类型值的输入。

input标签的type属性的一些常用可选值：

text    普通文本    

search   搜索框       

password  密码

radio  单选按钮    

checkbox   复选框   

file      文件上传   

image  定义图像作为提交按钮

button 按钮类型    

submit  普通提交按钮     

reset  重置按钮      

hidden 隐藏输入域

email  用于应该包含“e-mail"地址的输入框

url 用于应该包含“URL"地址的输入框

search 用于应该“搜索内容"的输入框

number 用于应该包含“数值"的输入控件

tel 规定显示的类型为“电话号码"的输入框

range 规定显示的类型为“数值选择范围"选择控件

color规定显示的类型为“颜色"选择控件

input 标签其他属性：

value属性

设置“文本类型"的输入框中默认显示的值内容。

maxlength 属性

规定输入字段中的字符的最大长度。

readonly属性 [不需要赋值]

使元素成为“只读"状态，在这个状态下只能读取元素内容，而不能进行编辑。

 disabled属性 [不需要赋值]

使元素成为“禁用"状态，元素将“失效"。

size属性

规定文本框可见宽度，但不同浏览器对此的支持有所不同，不过现在基本都是使用CSS去控制。

placeholder 属性

提示文本

 

required 属性

要求 input 的值为必填

基本形式如下：

 

 或者

 

 

pattern 属性

用于验证 input输入值是否合法

使用形式：