有关form表单常被问到的知识点

kohoh_ 发布于2019-08-01 16:50 / 2646人阅读

摘要：限制表单的数据集的值必须为字符而支持整个字符集通用字符集。因此对于提交时，传输数据就会受到长度的限制。但实际各个服务器会规定对提交数据大小进行限制，都有各自的配置。这一般用于识别该用户是否拥有合法的操作权限，提高了数据的安全性。

这里排版可能不是太好，详情看我的简书

form表单有什么作用？

表单的作用是搜集用户的输入，用户提交表单时向服务器传输数据，从而实现用户与web服务器的交互。

有哪些常用的input 标签，分别有什么作用？

标签	作用
	用来定义单行输入文本框
	用来定义密码字段
	用来定义提交表单数据至表单处理程序的按钮
	用来定义按钮
	用来定义重置按钮
	用来定义输入字段和 "浏览..." 按钮，供文件上传
	用来定义定义复选框
	用来定义单选按钮

以上几个是比较常用的，还有一些用的不多，详情点击笑脸?

post 和 get 方式的区别？

GET是从服务器上获取数据，POST是向服务器传送数据。

对于GET方式，服务器端用Request.QueryString来获取变量的值，对于POST方式，服务器端用Request.Form来获取提交的数据

get是把表单参数数据加到提交表单的action属性所指的URL中，如：http://www.xxx.com?id=1314&name=hello&age=20，用户信息对于用户是可见的，而post是把提交的数据放置在是HTTP包的包体中传送给服务器，用户信息对于用户是不可见的。

Get限制Form表单的数据集的值必须为ASCII字符；而Post支持整个ISO10646字符集（通用字符集）。

POST的安全性要比GET的安全性高,但是POST的执行效率比GET执行效率低

传输数据的大小，HTTP协议没有对传输的数据大小进行限制，HTTP协议规范也没有对URL长度进行限制。
而在实际开发中存在的限制主要有:①，GET:特定浏览器和服务器对URL长度有限制，例如IE对URL长度的限制是2083字节(2Kb+35)，对于其他浏览器如Netscape、FireFox等，理论上没有长度限制，其限制取决于操作系统的支持。因此对于GET提交时，传输数据就会受到URL长度的限制。②，POST:由于不是通过URL传值，理论上数据不受限。但实际各个WEB服务器会规定对post提交数据大小进行限制，Apache、IIS6都有各自的配置。

GET请求的数据会被浏览器缓存起来，而POST却不行

使用GET时，用户刷新页面，没有出现任何提示，使用POST会弹出消息框，提示用户是否重新提交

在input里，name 有什么作用？

name 属性规定 input 元素的名称。

name 属性用于对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据

只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

radio 如何分组?

name属性相同的为一组，比如

placeholder 属性有什么作用?

用来在文本框中显示提示,当用户开始输入内容，提示文字会消失

input中type=hidden隐藏域有什么作用? 举例说明

隐藏域写在页面代码上并不会让用户看得见，当用户填写完表单之后这条代码也会一并提交到服务器。type=hidden 的value会与服务器做个校验。如果value与服务器对得上证明用户有合法的操作权限，如果value对不上服务器就会拒绝用户的操作。这一般用于识别该用户是否拥有合法的操作权限，提高了数据的安全性。

还有一些作用请点击魔法棒?

GPU云服务器云服务器 form表单校验 form表单插件 form表单判断 form表单提交

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/50785.html

前后端联调之Form Data与Request Payload，你真的了解吗？

摘要：前言做过前后端联调的小伙伴，可能有时会遇到一些问题。它是请求中空行的后面那部分。这就是它向你展示的。值得形式是以的形式提交的。传递对象的时候，默认为类型的值，与非时，的区别。如果是字符串的话，后端解析的内容时候，肯定要去解析啦。前言做过前后端联调的小伙伴，可能有时会遇到一些问题。例如，我明明传递数据给后端了，后端为什么说没收到呢？这时候可能就会就会有小伙伴陷入迷茫，本文从chrom...

Fundebug 2019-08-23 16:46 评论0 收藏0
H5学习

摘要：为此决定自研一个富文本编辑器。本文，主要介绍如何实现富文本编辑器，和解决一些不同浏览器和设备之间的。对ES6Generator函数的理解 Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同。 JavaScript 设计模式 ② 巧用工厂模式和创建者模式我为什么把他们两个放在一起讲？我觉得这两个设计模式有相似之处，有时候会一个设计模式不能满...

aristark 2019-08-22 11:21 评论0 收藏0
前端实习面试的一些建议

摘要：作者今年大三，在春招过程中参加了多家大公司的面试后，拿到了腾讯的前端实习，在这里做一些总结，希望给还未参加过实习面试的同学一些帮助。在之后的面试时就更加从容一些了。作者今年大三，在春招过程中参加了多家大公司的面试后，拿到了腾讯的前端实习 offer，在这里做一些总结，希望给还未参加过实习面试的同学一些帮助。一、简历的准备简历制作是很重要的一个环节，一份好的简历会给面试官留下很不错...

Rango 2019-08-23 16:58 评论0 收藏0