form表单的常见属性

form表单的常见属性：
一：所有的属性需要写在form表单里面才能生效
1：name=”” form中的name属性主要是对这个form进行标记；
2：method=”get/post” ，默认值为get， get/post 之间的区别：

//这get和post的区别实在form表单环境下
1. get是从服务器上获取数据，post是向服务器传送数据。
2. get是把参数数据队列加到提交表单的ACTION属性所指的URL
中，值和表单内各个字段一一对应，在URL中可以看到。post是通
过HTTP post机制，将表单内各个字段与其内容放置在HTML
HEADER内一起传送到ACTION属性所指的URL地址。用户看不到
这个过程。
3. 对于get方式，服务器端用Request.QueryString获取变量的值，
对于post方式，服务器端用Request.Form获取提交的数据。
4. get传送的数据量较小，不能大于2KB。post传送的数据量较大，
一般被默认为不受限制。但理论上，IIS4中最大量为80KB，IIS5中
为100KB。
5. get安全性非常低，post安全性较高。但是执行效率却比Post方法
好。

3： action=”url” 用来指定处理提交表单的格式.它可以是一个
URL地址(提交给程式)或一个电子邮件地址.
4：enctype=“ ”指明用来把表单提交给服务器时(当method值为”post”)
的互联网媒体形式.这个特性的缺省值/默认值是”application/x-www-form-
urlencoded”
6. target=”“指定提交的结果文档显示的位置

target属性值
有 4 个保留的目标名称用作特殊的文档重定向操作：_blank
浏览器总在一个新打开、未命名的窗体中加载目标文档。_self
这个目标的值对全部没有指定目标的 <a> 标签是默认目标，它使得目标文档加载并显示在同样的框架或者窗体中作为源文档。这个目标是多余且不必要的。除非和文档标题 <base> 标签中的 target 属性一起使用。_parent
这个目标使得文档加载父窗体或者包括来超链接引用的框架的框架集。
这个值在当前框没有父框时等价于_self。_top
这个目标使得文档加载包括这个超链接的窗体。用 _top 目标将会清除全部被包括的框架并将文档加载整个浏览器窗体，这个值等价于当前框的_self第二种情况就是target=“iframename”，iframename即页面中iframe的name属性值。内容将会显示在这个iframe中

6.accept-charset="gbk" 或者 _charset="gbk" 属性都可以设置编码格式， IE只能识别_charset属性，其他浏览器只能识别accept-charset属性

二：还有一个属性不写在form表单里，是 length

//表单对象的一个属性
document.getElementById("frm1").length;‘

焦点处理主要包括focus（获取焦点）和blur（失去焦点）事件类型。所谓焦点，就是激活表单字段，使其可以响应键盘事件。
load 事件（回调函数）会在页面或图像加载完成后立即发生，并不是页面加载的等待过程中就执行。
（使用原生js使用这些事件前面都要加on，如onclick）

form表单的常见属性相关推荐

js 提交form表单,js更改form表单的action属性
2019独角兽企业重金招聘Python工程师标准>>> js 提交form表单 <s:form id="formID1" action="favo ...
HTML form表单添加enctype属性后获取不到input值
HTML form表单添加enctype属性后获取不到input值问题如图所示, 在servlet中输出获取的属性值,发现全部为null 最后结论 enctype修改了form表单提交时的格式,不再 ...
form表单的enctype属性传值问题
HTML文件中的form表单的enctype属性有三个属性值: ① enctype="application/x-www-form-urlencoded" 默认选项将表单中的数据 ...
FORM表单的几大属性
问题引入在做一个活动支付项目的时候,提交订单(form表单)跳转支付页面发现没有反应.经过断点排查发现断点也进了,不报错.但是返回的就是空白页,让人很纠结. 经过反复测试,才发现是杀毒软件拦截了fo ...
C# HTTP系列10 form表单的enctype属性
系列目录 [已更新最新开发文章,点击查看详细] 在ASP.NET编程中经常遇到下面的代码片段,将人员信息以表单方式提交到后台程序并保存到服务器与数据库中. 1 <form action= ...
php中enctype属性,Form表单的enctype属性和method属性
在WEB开发过程中,Form表单元素是一个使用频率非常高的控件,对于这样一个控件,也许我们并没有认真关注过.今天我们来解读它的enctype属性和method属性. enctype 属性 enctyp ...
form表单的target属性
form 标签的 target 属性实例 <div id="showInfo"></div><form action="1.php&quo ...
form表单的action属性设置相对路径
代码如下,当form表单中的action值为savebyform.do时,该表单提交的路径会是什么呢? <form name="form1" action="sav ...
（一）使用form表单的name属性简单实现前后端交互
实现效果: 点击提交后: 前端页面源码: <!DOCTYPE html> <html lang="en"

form表单的常见属性

form表单的常见属性相关推荐

最新文章

热门文章