900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > html form表单的作用 HTML form标签元素简介说明

html form表单的作用 HTML form标签元素简介说明

时间:2021-06-11 05:29:18

相关推荐

html form表单的作用 HTML form标签元素简介说明

摘要:

下文讲述html代码中form标签元素的功能简介说明,如下所示:

from标签元素的功能:

from标签元素的功能:

将表单中的文本域提交至后台进行交互操作,如果没有from标签包裹,submit是无法将指定文本域提交至指定后台

from标签元素的主属性说明:

1.name属性:

此属性的功能是为当前form表单命名,方便js脚本操作

如:使用document.getElementsByName获取from DOM对象

2.action属性:

此属性用于指定表单提交后台的接收位置

3.method属性:

此属性用于指定表单提交后台数据的方法 常见的方式如:get post

1.get:缺省值,表单参数会使用url叠加的方式组合数据,然后通过地址栏发送至后台

此方法常用于数据量比较小的操作

2.post 此方式传送数据无大小限制,传送安全性好

4.target属性:

此属性值用于设置提交的运行的方式: 本网页打开 新网页打开 等

同超链接中target功能一致

5.accept-charset属性:

此属性值用于设置表单提交时所使用的字符编码方式

缺省值为“UNKNOWN”,多个字符编码需使用空格进行分隔

6.enctype属性:

此属性值用于设置表单数据的编码方式

常见如下方式:

1.application/x-www-form-urlencoded:默认值,发送前对所有字符进行编码(将空格转换为 “+” 符号,特殊字符转换为 ASCII HEX 值)。

2.multipart/form-data:不对字符编码,当使用有文件上传控件的表单时,该值是必需的。

3.text/plain:将空格转换为 “+” 符号,但不编码特殊字符。

7.autocomplete属性:

此属性为HTML5中新增属性, 缺省值为“on”,

当值为”off”时,文本填写时,不会出现历史信息

当值为”on”时,文本填写时,会出现历史信息

8.novalidate属性:

此属性为HTML5新增属性,用于对表单的正确性进行验证,

novalidate属性只有一个属性值”novalidate”,所以属性值可以不输入

当此属性禁用时,只会禁止HTML内置的验证规则

如下所示:

猫猫教程()

---from novalidate属性举例说明

window.οnlοad=function(){

text.oninvalid=function(){

text.setCustomValidity("手机号码异常!");

};

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。