HTML 表单的用法

什么是Html表单

通俗地来讲,Html表单就是网页中的一组数据采集表。用户可以按照网页的规定,填写或选择表单内的信息,由Html将信息封装,并发送给服务器,实现用户与服务器之间的数据交互。Html 表单一般用于搜集不同类型的用户输入。

Html表单的构成

一般来说,最常见的Html表单由<form>标签创建,其中包含若干个不同类型的<input>标签,从而实现各类数据采集的需求。如:
<form>
input 元素1
input 元素2
input 元素3
</form>

Form表单的常见属性及说明

1、Action属性:定义在提交表单时执行的动作。通常,表单会被提交到 web 服务器上的网页。如果省略 action 属性,则 action 会被设置为当前页面。

2、Method 属性:规定在提交表单时所用的 Http 方法(get 或 post)。
其中,get 是默认提交方法,它适合少量数据的提交。如果表单提交是被动的(比如搜索引擎查询),并且没有敏感信息,则 get 方法较为合适。当使用 get 时,表单数据在页面地址栏中是可见的。
如果表单正在更新数据,或者包含敏感信息(例如密码),则 post 的安全性更加,因为在页面地址栏中被提交的数据是不可见的。

3、Name 属性:如果要正确地被提交,每个输入字段必须设置一个 name 属性。

input标签的常见类型及说明

  • text:普通文本
  • password:加密文本
  • button:普通按钮
  • image:图片按钮
  • radio:单选按钮表单控件
  • checkbox:多选按钮表单控件
  • hidden:隐藏字段
  • reset:重置按钮
  • submit:提交按钮
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 457评论 0 1
  • 1、form表单有什么作用??有哪些常用的input 标签,分别有什么作用? form表单的作用是把用户输入的数据...
    徐国军_plus阅读 290评论 0 1
  • HTML 表单:输入用户信息的单子,收集填写的信息给服务器后台例: form:定义html表单,粗浅理解为包裹表单...
    我七阅读 406评论 0 0
  • 《雾都孤儿》 情节一:母亲生他的时候去世,成了孤儿,虚弱的奥立弗奇迹般的在教区存活下来,送往济贫院因多要一碗粥的事...
    腾龙_笑九天阅读 1,191评论 0 2
  • 雨 夜 下班后,一个很久没有相见在一起的朋友回来了。随意的找了间小酒店坐下。天气很闷热,街上匆匆而过行人不停地抱怨...
    繁星如海阅读 297评论 0 1