html5中input标签增加的属性

1、新增的autocomplete属性

<input type="url" name="url1" autocomplete="on" />

autocomplete属性有3中值：on、off和空值

默认状态下表单的autocomplete处于打开状态

效果：出现上次输入的提示

 

2、新增的autofocus属性

效果：使文本框获得焦点

注意：在同一个界面中只能有一个autofocus属性

<input type="text" name="user_name" autofocus="autofocus" />

 

3、新增的form属性

<form id="form1" action="">

<input type="submit" value="提交" />

</form>

<input type="text" name="username" form="form1" />

 

4、新增表单重写属性

a. formaction：用于重写表单的action属性

b. formenctype：用于重写表单的enctype属性

c. formmethod：用于重写表单的method属性

d. formnovalidate：用于重写表单的novalidate属性

e. formtarget：用于重写表单的target属性

注意：表单重写属性只是用于submit和image输入类型

<form action="#" method="post">

    <input type="submit" value="1页面" formaction="1.asp" />

    <input type="submit" value="2页面" formaction="2.asp" />

</form>

 

5、新增的height与width属性

height  高度

width   宽度

<input type="image" src="img/11.jpg" width="100px" height="100px" />

 

6、新增的list属性

datelist：可以实现数据列表的下拉效果，绑定在其他输入框上

<form action="" method="post">

     <input type="url" list="url_list" name="weblink" />

     <datalist id="url_list">

         <option label="新浪" value="http://www.dancheng1.com"></option>

         <option label="哈哈" value="http://www.haha.com"></option>

         <option label="first" value="http://www.first.com"></option>

     </datalist>

</form>

 

list属性使用于以下input输入类型：text、search、url、tel、email、date、pickers、number、range和color

 

7、新增的min、max和step属性

max属性：规定输入框所允许的最大值

min属性：规定输入框所允许的最小值

step属性：为输入框对顶合法的数字间隔

 

8、新增的multiple

multiple属性可以实现多文件上传

<form action="1.asp" method="post">

     <input type="file" name="img" multiple="multiple" />

     <input type="submit" value="提交"/>

</form>

 

9、新增的pattern属性

pattern属性用于验证input类型输入框中用户输入的内容是否与自定义的正则表达式相匹配

 

10、新增的placeholder属性

为input类型的输入框提供一种提示

 

11、新增的required属性

required属性用于规定输入框填写的内容不能为空，否则不允许用户提交表单