知识总结之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.

时间: 2024-10-21 23:11:03

知识总结之form表单属性及H5新增特性的相关文章

HTML5的form表单属性

form:HTML4中,表单内的从属元素必须书写在<form></form>之内,但是在HTML5中,表单的从属元素可以处于页面的任何位置,然后为其添加form属性,属性值为form表单的id属性值即可,表单form与从属元素的从属关系依然有效, like this: <form id="log"> <input type="submit"> </form> <input type="sub

html5中新增的form表单属性

html5中新增两个表单属性,分别autocomplete和novalidate属性 1.autocomplete属性 该属性用于控制自动完成功能的开启和关闭.可以设置表单或者input元素,有两个属性值,当设置为on时,启动该功能:当设置off时,关闭该功能.启用该功能后,当用户在自动完成域开始输入时,浏览器就会在该域中显示填写的选项.用户每提交一次,就会增加一个用于选择的选项 <!DOCTYPE html> <html> <head lang="en"

bootstrap中的 form表单属性role=&quot;form&quot;有什么作用?

html 里面的 role 本质上是增强语义性,当现有的HTML标签不能充分表达语义性的时候,就可以借助role来说明.通常这种情况出现在一些自定义的组件上,这样可增强组件的可访问性.可用性和可交互性.role的作用是描述一个非标准的tag的实际作用.比如用div做button,那么设置div 的 role="button",辅助工具就可以认出这实际上是个button比如,<div role="checkbox" aria-checked="chec

fsLayuiPlugin数据表格弹出form表单说明

fsLayuiPlugin 是一个基于layui的快速开发插件,支持数据表格增删改查操作,提供通用的组件,通过配置html实现数据请求,减少前端js重复开发的工作. GitHub下载 码云下载 测试环境地址:http://fslayui.itcto.cn css和js引用 公共css和js必须全部引用 <!-- layui css --> <link rel="stylesheet" type="text/css" href="/plug

练习-为网页添加icon图标;为网页添加关键字/作者;超链接;input的type属性有哪些常用属性值-form表单

  前  言 练习 学习HTML5有两个月了,每天都要学习新的知识,感觉以前学过的有点不熟悉了,复习巩固一下,发表一篇博客园. 本章复习的是HTML5中的基础语言/js的使用 1为网页添加icon图标 <link rel="icon" type="image/x-icon" href="img/logo.png"/> rel:用于标明被连接文件与当前文件的关系.此处选icon,表明被链接图片是当前网页的icon图标 type:表明被连

HTML中的form表单有一个关键属性 enctype

HTML中的form表单有一个关键属性 enctype=application/x-www-form-urlencoded 或multipart/form-data. 1.enctype="application/x-www-form-urlencoded"是默认的编码方式,当以这种方式提交数据时,HTTP报文中的内容是: Html代码   <span style="font-size: small;">POST /post_test.php HTTP/

form表单标签及属性的介绍

版权声明:本文为博主原创文章,未经博主允许不得转载. 一. 表单标签 <form></form> 常用属性 Action 跳转到什么页面 Method  以什么模式提交 Get Url有长度限制 IE6.0 url 最大长度 2083个字符 超过无法提交 IE7.0 最大长度 2083个字符 超过最大长度仍然可以提交但是只能提交2083个字符 Opera 9.52 最大长度7648个字符 超过最大长度无法提交 所有提交内容会显示到地址栏位置 很不安全 a标签的跳转方式也是get方式

form表单的应用:form对象自带属性和方法及提交时提交的数据.....

1.html中含有form表单 (1)html <form id="picLoad" class="lt" style="width: 230px;" enctype="multipart/form-data"> <label> <div class="upload">上传图片</div> <input id="doc-form-file&qu

HTML里面form表单name,action,method,target,enctype等属性用法

HTML里面的form表单里面的name,target,enctype,method以及action的用法 HML表单HTML里面的表单是HTML页面与浏览器交互的重要手段,表单主要提交一些客户端的数据. 表单和表单域并不具有排版能力,表单网页的制作最终还是要由表格组织起来. 表单的主要功能是收集信息,一般的表单由两部分组成,一是描述表单元素的HTML代码,二是客户端的脚本,或者服务器用来处理用户所填信息的程序. 表单信息的处理过程为:当单击表单中的提交按钮时,输入在表单中的信息就会上传到服务器