Form表单简介

Form表单的作用、常用的input标签以及作用

表单的作用是搜集用户的输入,用户提交表单时向服务器传输数据,从而实现用户与web服务器的交互。
常用的input标签以及作用

标签 作用
<input type="text"> 设置单行输入文本
<input type="password"> 设置单行输入密码
<input type="radio"> 设置单选按钮
<input type="reset"> 设置重置按钮
<input type="button"> 设置按钮
<input type="submit"> 设置提交按钮
<input type="checkbox"> 设置复选框
<input type="file"> 设置上传文件按钮
Post和get方式的区别
~ GET POST
后退按钮/刷新 无害 数据会被重新提交(浏览器应该告知用户数据会被重新提交)。
书签 可收藏为书签 不可收藏为书签
缓存 能被缓存 不能被缓存
编码类型 application/x-www-form-urlencoded application/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。
历史 参数保留在浏览器历史中。 参数不会保存在浏览器历史中。
对数据长度的限制 是的。当发送数据时,GET 方法向 URL 添加数据;URL 的长度是受限制的(URL 的最大长度是 2048 个字符)。 无限制。
对数据类型的限制 只允许 ASCII 字符。 没有限制。也允许二进制数据。
安全性 与 POST 相比,GET 的安全性较差,因为所发送的数据是 URL 的一部分。在发送密码或其他敏感信息时绝不要使用 GET POST 比 GET 更安全,因为参数不会被保存在浏览器历史或 web 服务器日志中。
可见性 数据在 URL 中对所有人都是可见的。 数据不会显示在 URL 中。

参考连接:http://w3school.com.cn/tags/html_ref_httpmethods.asp

在input里name有什么作用

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

Radio如何分组
 <input type="radio" name="sex" value="male">男
 <input type="radio" name="sex" value="female">女
Placeholder 属性有什么作用?

提示该输入什么信息,并在选定时消失。

Type=hidden隐藏域有什么作用? 举例说明

Hidden 对象代表一个 HTML 表单中的某个隐藏输入域。
这种类型的输入元素实际上是隐藏的。这个不可见的表单元素的 value 属性保存了一个要提交给 Web 服务器的任意字符串。如果想要提交并非用户直接输入的数据的话,就是用这种类型的元素。
在 HTML 表单中 <input type="hidden"> 标签每出现一次,一个 Hidden 对象就会被创建。
您可通过遍历表单的 elements[] 数组来访问某个隐藏输入域,或者通过使用document.getElementById()。
参考链接:http://www.w3school.com.cn/jsref/dom_obj_hidden.asp

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,314评论 19 139
  • HTML 表单 表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如:文本框text、多行文本框...
    _李祺阅读 3,056评论 0 0
  • <input>标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段...
    _空空阅读 9,486评论 0 3
  • 1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于接收不同类型的用户输...
    大胡子歌歌阅读 4,400评论 0 1
  • 九月八号,十五天的军训结束了。 八月十八号早上坐车到了哈尔滨下午坐飞机,人生中第一次坐飞机,第一次体验到飞机上超重...
    乘着风去旅行_32661阅读 1,352评论 0 0