HTML表单

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

利用

...
来定义HTML表单。

表单元素

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

类型 描述
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

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

你可能感兴趣的:(HTML表单)