摘要:
下文讲述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("手机号码异常!");
};
}