HTML5 新增加input属性

参考别的网页,网页来源最下方,整理笔记如下:

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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值