了解HTML表单之form元素_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了了解HTML表单之form元素_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2568字,纯文字阅读大概需要4分钟。
内容图文
目录 [1]表单名称 [2]字符集 [3]提交地址 [4]打开方式 [5]数据编码 [6]数据发送 [7]自动完成 [8]表单验证前面的话
表单是网页与用户的交互工具,由一个
字符集
accept-charset属性规定服务器用哪种字符集处理表单数据,通常不指定,那么页面的字符编码会被使用
提交地址
action属性规定提交表单时,向何处发送表单数据;如果忽略这个属性,表单会重定向到表单所在的URL
打开方式
target属性规定在何处打开action URL。共5个值_blank、_self、_parent、_top、framename。
关于target属性的使用移步至此
数据编码
enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。大多数情况下该属性不需要设置
application/x-www-form-urlencoded 在发送前编码所有字符(默认)
multipart/form-data 不对字符编码。在使用包含文件上传控件的表单时,必须使用该值
text/plain 空格转换为 "+" 加号,但不对特殊字符编码
数据发送
表单可以用两种方式发送数据:GET和POST,默认为GET方法。
POST方法
如果采用POST方法,浏览器将会按照下面两步来发送数据。首先,浏览器将与action属性中指定的表单处理服务器建立联系,一旦建立连接之后,浏览器就会按分段传输的方法将数据发送给服务器。
在服务器端,一旦POST样式的应用程序开始执行时,就应该从一个标志位置读取参数,而一旦读到参数,在应用程序能够使用这些表单值以前,必须对这些参数进行解码。用户特定的服务器会明确指定应用程序应该如何接受这些参数。
【应用场景】
[1]大数据处理,因为POST方法相比GET方法而言,处理更多字段
[2]安全数据,因为GET 方法将表单参数直接放在应用程序的 URL 中,这样网络窥探者可以很轻松地捕获它们,还可以从服务器的日志文件中进行摘录;而POST方法则没有这方面的漏洞
GET方法
如果采用GET方法,浏览器会与表单处理服务器建立连接,然后直接在一个传输步骤中发送所有的表单数据:浏览器会将数据直接附在表单的action URL之后。这两者之间用问号进行分隔。
【应用场景】
[1]获得最佳表单传输性能,因为GET发送只有少数简单字段
[2]简单处理,因为GET方法无需处理编码解码方法
[3]传参处理,因为GET方法允许把表单的参数包括进来作为 URL 的一部分
get方法
a标签传参post方法
//GET方法的URL显示为: http://127.0.0.1/form.php?x=1&y=2//POST方法的URL显示为:http://127.0.0.1/form.php"; echo "y: " .$_REQUEST["y"];}?>
自动完成
autocomplete属性规定表单是否应该启用自动完成功能。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项
表单验证
novalidate属性规定当提交表单时不对其进行验证
内容总结
以上是互联网集市为您收集整理的了解HTML表单之form元素_html/css_WEB-ITnose全部内容,希望文章能够帮你解决了解HTML表单之form元素_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。