知识总结之form表单属性及H5新增特性

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识总结之form表单属性及H5新增特性相关的知识,希望对你有一定的参考价值。

一、form的几大属性

  1.method属性

    规定用于发送 form-data 的 HTTP 方法,即请求的方式;主要用来提交参数与后台数据进行交互。

    分为GET和POST两种方式,GET请求时将请求的参数直接拼接在请求路径的后面,显示在地址栏,相比POST不太安全。

  2.action属性

    指定请求路径的具体地址。

  3.target属性

    规定在何处打开 action URL: 

      _blank:在新的浏览器窗口中打开

      _parent:在父级浏览器窗口中打开

      _self:在当前窗口打开

      _top:在顶级浏览器窗口中打开

      framename:在指定的窗口打开

    示例: 此时即在新窗口中打开

<form action="form_action.asp" method="get" target="_blank">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" />
</form>

 

  4.name属性

    定义该表单名称,使用较少。

二、html5中的新特性  (摘自W3school)

  1.autocomplete属性

    规定 form 或 input 域应该拥有自动完成功能,即是否自动提交(on/off)

    注:autocomplete 适用于 <form> 标签,以及以下类型的 <input> 标签:text, search, url, telephone, email, password, datepickers, range 以及 color.

  2.novalidate属性

    规定在提交表单时不应该验证 form 或 input 域。(使用该属性时不验证即可直接提交,慎用)。

    使用时直接在标签中添加 novalidate="true" 

    注:novalidate 属性适用于 <form> 以及以下类型的 <input> 标签:text, search, url, telephone, email, password, date pickers, range 以及 color.

以上是关于知识总结之form表单属性及H5新增特性的主要内容,如果未能解决你的问题,请参考以下文章

H5核心技术---H5新增的表单属性与控件

H5表单新增元素和属性

H5表单基础知识

HTML知识点总结之表单元素

H5新增特性

HTML5基础知识汇总_自己定义属性及表单新特性