HTML表单

表单的作用即是用于搜集不同类型的用户输入。

利用<form>...</form>来定义HTML表单。

表单元素

表单中包含的一个重要元素就是<input>元素。根据不同的type属性,<input>元素展现出不同的状态。

类型 描述
text 定义常规文本输入
password 常用于密码的输入,所输入的内容不会展示具体内容,而是用小圆点代替
checkbox 用于多选框
radio 用于定义单选按钮(多个选择一个)
button 用于定义可点击按钮

提交方式

利用form表单的method属性来设置提交的方式。提交的方式有两种,分别是GETPOST

GET(默认提交方式)

method设置为GET,或不做设置。表单将会以GET的方式提交到服务器。
使用GET的提交方式有以下特点:

  • GET提交是使用拼接url的方式提交到服务器的,所以安全性相对于POST的方式要低,提交的内容可以被看到。
  • 因为GET提交是拼接url的方式,所以对于提交的内容大小有一定的限制。即url的长度有限制,提交内容最大不多于1kb的大小。
  • GET所提交的数据会保存在浏览器的历史记录里面,安全性不高。

POST

method设置为POST ,表单将以POST的方式提交到服务器。
使用POST提交有以下特点:

  • POST的提交方式不同于GET拼接url,POST是直接将请求的数据放置到http的请求中。外界无法直接看到数据,所以相对的安全性比较高。
  • POST提交内容的大小理论上是没有限制的,它所受限于服务器的大小。

一般GET用于向服务器查询信息、获取信息;而POST用于向服务器发送数据。

name

<input>标签还有一个重要的属性,就是name属性。在表单提交的时候,name属性即是数据的key,而用户的输入或选择即是数据的value。所以如果想要数据正常的被提交,name属性的设置不能少。
另外,在type=checkbox的时候,name属性也是用来分组的关键值。

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

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,868评论 18 139
  • <input>标签 标签用于搜集用户信息,根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段...
    _空空阅读 4,065评论 0 3
  • 常见问题 form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于搜集不同类型的...
    JohnHank阅读 441评论 0 0
  • 1 表单是如何工作的? 用户在网页上填写表单并提交所填信息,浏览器将用户提交的数据发送至 Web 服务器, Web...
    饥人谷_Mily阅读 1,202评论 0 1
  • 古人云:每个人天生都是好的销售。 猫猫曰:每个人天生都是大画家。 什么?你会觉得我在开玩笑!那就让我告诉你方法。请...
    渣猫酱阅读 877评论 5 17