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 类型输入框中用户输入的内容是否与自定义的正则表达式相匹配
<input type="text" name="country_code" pattern="[A-z]{3}" title="Three letter country code" />
10, 新增的 placeholder 属性
为 input 类型的输入框提供一种提示
11, 新增的 required 属性
required 属性用于规定输入框填写的内容不能为空, 否则不允许用户提交表单
来源: https://blog.csdn.net/dancheng1/article/details/78376091?locationNum=1&fps=1