美文网首页
HTML表单介绍

HTML表单介绍

作者: 刘圣凯 | 来源:发表于2017-09-20 15:22 被阅读0次

HTML 表单用于搜集不同类型的用户输入,<form> 元素定义 HTML 表单;HTML 表单包含不同类型的 input 元素、复选框(checkbox)、单选按钮(radio)、提交按钮(submit)、下拉列表(select)、文本域(textarea)、上传文件(file)等等。

Action属性

action 属性定义在提交表单时执行的动作,向服务器提交表单的通常做法是使用提交按钮,通常,表单会被提交到 web 服务器上的网页;
如果省略 action 属性,则 action 会被设置为当前页面。

Method 属性

method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST);
GET:如果表单提交是被动的(比如搜索引擎查询),并且没有敏感信息(使用 GET 时,表单数据在页面地址栏中是可见的)时可以使用GET,GET 最适合少量数据的提交,浏览器会设定容量限制。
POST:如果表单正在更新数据,或者包含敏感信息(例如密码)。
POST 的安全性更加,因为在页面地址栏中被提交的数据是不可见的

Name属性

如果要正确地被提交,每个输入字段必须设置一个 name 属性。
在单选按钮(radio)中,相同name会被划分在一组,即相同name属性的单选按钮(radio)只能选中一个。

隐藏域(hidden)

隐藏域在页面中,用户是不可见的,在表单中插入隐藏域的目的在于收集或发送信息,以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器,从后台给用户隐藏域中value添加值,就可以识别用户,提高安全性。

相关文章

  • HTML表单介绍

    作用 HTML 中表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互...

  • HTML表单介绍

    HTML 表单用于搜集不同类型的用户输入, 元素定义 HTML 表单;HTML 表单包含不同类型的 input ...

  • HTML表单介绍

    常见问题 form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于搜集不同类型的...

  • HTML表单介绍

    HTML表单用法 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服...

  • 如何改变默认RADIO和SELECT样式?

    1.背景介绍 Radio 对象代表 HTML 表单中的单选按钮。 在 HTML 表单中 (input type="...

  • 简单介绍HTML表单

    表单元素如何工作? action 说明了将表单表单发往何处。method 说明了浏览器发送数据的方式,一般是get...

  • HTML表单的介绍

    表单作用:收集信息提交给服务器 表单需要用form标签包围 单选,相同的name为一组 多选type="check...

  • HTML5 表单元素

    HTML5 的新的表单元素: HTML5 拥有若干涉及表单的元素和属性。 本章介绍以下新的表单元素: datali...

  • Django学习笔记:Forms

    表单介绍 HTML表单负责接收用户的输入,对输入进行合法格式判断,并将数据发送到服务器。一个HTML表单必须指定两...

  • 表单form的简单使用

    HTML表单 介绍:表单是一个包含表单元素的区域,表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选...

网友评论

      本文标题:HTML表单介绍

      本文链接:https://www.haomeiwen.com/subject/sulosxtx.html