2.12 form formaction formmethod formenctyoe formtarget autofocus required labels属性

表单新增元素与属性

1. form属性：在HTML4中，表单内从属元素必须书写在表单内部，而在HTML5中，可以把他卸载页面人额好地方，然后为该元素指定一个form属性，属性值为该表单的id即可声明该元素从属于制定表单。

2. formaction属性：在HTML4中，一个表单内所有元素只能通过action属性被统一提交到另一个页面，在HTML5zh中可以为所有提交按钮增加不同的formaction属性，使不同按钮提交不同页面。

3.formmethodsh属性：在HTML4中，zh只能用action属性对表单内所有元素统一一个提交页面，所以只有一个method属性统一制定提交方法（get、post..）在HTML5中使用fotmethod属性对每个表单元素指定不同的提交方法。

4. formenctype属性：在HTML4中，表单元素具有enctype属性指定表单发送到服务器之前对表单内数据编码，formenctype分别制定不同编码。

5.formtarget属性：在HTML4中，表单元素具有target属性，用于指定在何处打开表单提交后所需要加载的页面。在HTML5中，可以对多个提交按钮分别使用formtarget属性来指定提交后在何处打开所需加载的页面。

6. autofocus属性：为文本框、选择框或按钮控件加上autofocus属性，当页面打开时，该控件自动获得光标焦点。当前页面、当前输入框第一优先级的才能使用。

7. required属性：HTML5中新增的rquired属性可以应用在大多数输入元素上，再提交时，如果元素中内容为空白，则不允许提交，同时在浏览器显示提示信息。

8. labels属性：在HTML5中，为有可使用标签的表单元素、button、select元素等定义一个labels属性，属性值为一个NodeList对象，代表该元素所绑定的标签元素所构成的集合。

<!DOCTYPE heml>
<html>
<head lang="en"><meta charset="UTF-8"><title>表单新增属性</title>
</head>
<body><form id="test"><input type="text"></form><textarea form="test"></textarea>好处是向页面添加一些样式比较好添加<form id="test2"><input type="submit" name="s1" value="v1" formaction="xx.jsp" formmethod="post" formenctype="text/plain" formtarget="_blank">表单数据中的空格变为加号提交到xx.jsp页面</br><input type="submit" name="s2" value="v3" formaction="xx.jsp" formmethod="get" formenctype="multipar/form-data" formtarget="_self">不对字符编码，使用包含文件上传的表单时使用该值提交到xx.jsp页面</br><input type="submit" name="s3" value="v3" formaction="xx.jsp" formmethod="get" formenctype="application/x-www-form-urlencoded" formtarget="_parent">发送前编码所有属性，当action属性为get时，浏览器使用此编码方式把表单内容转为字符提交到xx.jsp页面</br><input type="submit" name="s4" value="v4" formaction="xx.jsp" formmethod="get" formenctype="application/x-www-form-urlencoded" formtarget="_top">_blank是在新页面打开 _self在相同的框架frame中打开 _parent在当前框架的副框架中打开 _top在当前窗口中打开 framename在指定框架中打开提交到xx.jsp页面</br></form><form id="test3"><input type="text"><input type="text" autofocus></form><form action="xx.jsp"><input type="text" required="required"><button type="submit"> 提交 </button></form><form id="text4"><label id="label" for="txt_name">姓名：</label><input id="txt_name"><input type="button" name="btnValidate" value="验证" onlick="Validate"></form>
</body>
</html>

2.12 form formaction formmethod formenctyoe formtarget autofocus required labels属性相关推荐

Angular form控件原生HTML代码里ng-reflect-form属性和其值的生成时机
简单的Component代码: import { Component } from '@angular/core'; import { FormControl } from '@angular/for ...
form表单控件及控件属性
今天又学习了前端的form控件,这是我第二遍学习,确实发现不少新东西,把自己觉得常用的记下来表单控件: **form:最主要的一个标签,但是这个元素不会生成可是化部分**属性:action:表单提交 ...
解决javascript提交form出现错误提示:对象不支持此属性或方法
......  <script> function goto(page){ if(isNaN(page)) page = 1; ...
form表单中input元素readonly和disabled属性的区别：
disabled 指当input元素加载时禁用此元素,disabled=true时,无法修改内容,input内容不会随着表单被提交 readonly规定输入字段为只读,readonly=true时,页 ...
Android 12系统源码_SystemUI（八）SystemUIVisibility属性
前言在Android系统中,很多应用都需要根据具体情况来控制状态栏和导航栏的显示和隐藏,又或者将状态栏透明,实现诸如沉浸式.全面屏灯效果,而要实现这些效果,都离不开SystemUIVisibilit ...
Antd form 表单提交数据获取
1.Form表单 <Form name="nest-messages" onFinish={this.onSubmit}layout={'vertical'}>< ...
前端知识点整理收集（不定时更新~）二
目录 require() 加载文件机制线程和进程线程单线程 Nodejs的线程与进程网络模型初识 TCP 协议三次握手 I/O I/O 先修知识阻塞与非阻塞 I/O 同步与异步 I/O ...
HTML中input标签功能介绍
我们先来了解一下input标签的几个基本控制属性. 1. name属性:元素的名称,也就是name的值代表当前input元素的名字: 2.value属性:元素的默认值 1)当input type=&q ...
前端面试总结（转载请标明）
最近在准备找工作,心理压力过大,把准备的面试题都整理出来了..刚刚把前端的整理好,后端的还在整理中..有哪里不对的还请大家指出 web前端优化 JS/CSS: JS会阻塞页面渲染,放在页面最下方: C ...

2.12 form formaction formmethod formenctyoe formtarget autofocus required labels属性

2.12 form formaction formmethod formenctyoe formtarget autofocus required labels属性相关推荐

最新文章

热门文章