参考别的网页,网页来源最下方,整理笔记如下:
HTML5 为 <input> 增加了如下属性:
- autocomplete:
- 规定表单或输入字段是否应该自动完成。
- autofocus
- 属性是布尔属性。如果设置,则规定当页面加载时 <input> 元素应该自动获得焦点。
- form
- 规定 <input> 元素所属的一个或多个表单。如需引用一个以上的表单,请使用空格分隔的表单 id 列表。
- action
- 规定当提交表单时处理该输入控件的文件的 URL。覆盖 <form> 元素的 action 属性。适用于 type="submit" 以及 type="image"。
- enctype
-
规定了form表单在发送到服务器时候,数据的编码方式,取值有三种情况:
1、application/x-www-form-urlencoded。默认的编码方式。基于uri的percent-encoding编码的,表单里的数据被编码为名称/值对,但是在用文本的传输和MP3等大型文件的时候,使用这种编码就显得 效率低下。
2、multipart/form-data 。 指定传输数据为二进制类型,比如图片、mp3、文件。 这个一般文件上传时用。它告诉我们传输的数据要用到多媒体传输协议,由于多媒体传输的都是大量的数据,所以规定上传文件必须是post方法,type="file",浏览器会把整个表单以控件为单位分割。并为每个部分加上Content-Disposition(form-data或者file),Content-Type(默认为text/plain),name(控件name)等信息,并加上分割符(boundary)。
3、text/plain。纯文体的传输。空格转换为 “+” 加号,但不对特殊字符编码。
- formmethod:定义用以向 action URL 发送表单数据(form-data)的 HTTP 方法。覆盖 <form> 元素的 method 属性。适用于 type="submit" 以及 type="image"。
- novalidate
- 不对表单数据进行验证
- formtarget
- height 和 width
- list
- min 和 max
- multiple
- pattern (regexp)
- placeholder
- required
- step
并为
<form> 增加属性:
- autocomplete:
属性规定表单或输入字段是否应该自动完成。
当自动完成开启,浏览器会基于用户之前的输入值自动填写值。 -
<form action="action_page.php" novalidate> E-mail: <input type="email" name="user_email"> <input type="submit"> </form>
- novalidate:
- 属于 <form> 属性。如果设置,则 novalidate 规定在提交表单时不对表单数据进行验证。
First name:<input type="text" name="fname" autofocus>
参考原文出处http://www.w3school.com.cn/html/html_form_attributes.asp