HTML中的form标签有什么作用？HTML form标签的用法解释

本篇文章主要的介绍了关于HTML中的form标签的作用和用法，还有form标签的实例和定义，接下来就让我们来看看本篇文章吧。

一、先看看HTML中form标签的定义：

ff9c23ada1bcecdd1a0fb5d5a0f18437 标签用于为用户输入创建 HTML 表单。

表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。

表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。

表单用于向服务器传输数据。

这还有form标签的实例：

<form action="form_action.asp" method="get">
  <p>第一个用户名: <input type="text" name="fname" /></p>
  <p>第二个用户名: <input type="text" name="lname" /></p>
  <input type="Submit" value="提交" />
</form>

效果看图：

二、看看HTML form标签的作用解释：

form标签的作用是用于将其他表单标签"包"起来，以便作为一个整体，可以提交数据到服务器。

html form标签的形式：

<form  name="表单名称"  action="目标地址"  method="数据提交方式" >  。。。 </form>

name：只是给该表单命名，用于js技术使用。

action：设定表单数据提交给哪个文件，用于后端技术（比如php）来接受并处理数据

method: 设定数据提交方式，用于根据不同的数据需求来选择合适的提交（传送）方式

三、表单标签ff9c23ada1bcecdd1a0fb5d5a0f18437表单的作用是收集信息

（1）form表单的属性

f35d6e602fd7d0f0edfa6f7d103c1b57action="URL":一个URL地址，指定form表单向何处发送数据

2cc198a1d5eb0d3eb508d858c9f5cbdbname：给表单定一个名字

5bdf4c78156c7953567bb5a0aef2fc53enctype=“string”：规定表单数据以什么形式进行编码

23889872c2e8594e0f446a471a78ec4cmethod="get/post"：以何种方式向服务器发送数据

（2）表单元素：表单标签、表单域、表单按钮

f35d6e602fd7d0f0edfa6f7d103c1b57表单标签：指ff9c23ada1bcecdd1a0fb5d5a0f18437标签本身，使用ff9c23ada1bcecdd1a0fb5d5a0f18437f5a47148e367a6035fd7a2faa965022e定义

2cc198a1d5eb0d3eb508d858c9f5cbdb表单域：是ff9c23ada1bcecdd1a0fb5d5a0f18437标签中用来收集用户输入的每一项，通常用input标签定义，input标签

有不同类型，对应用户不同的数据

5bdf4c78156c7953567bb5a0aef2fc53表单按钮：提交ff9c23ada1bcecdd1a0fb5d5a0f18437表单中所有的信息到服务器

23889872c2e8594e0f446a471a78ec4c表单元素种类：

• 单行文本框：e67338802192d7bd5294b2aa965c9bc5，默认值是type=“text”

• 密码框：36e29ba6ef97f5f43a0dfadc4ba067fc

• 单选按钮：bec2eb6e464ab42efd8e5ed305fe3a45

• 复选框：af21edc47aa0b45af8003be38089a721

• 隐藏框：2fa1bb40505ac7144409a1680051d9aa

• 文件上传：d9fae9a589f7d7312c0f67fffbcf927a

• 下拉框：221f08282418e2996498697df914ce4e标签

• 多行文本：4750256ae76b6b9d804861d8f69e79d340587128eee8df8f03d0b607fe983014

• 标签：17bc257102169cbee8e20a03c884d3e61cef4b90c67038b2e659f931b5a7ffec

• 元素集：2b5469ab79cf842344327415c3b3bb95a3ae74428855f48d0438405a4619fe75

• 提交按钮：d1270b7b8e809256e572d7abd1bf7c24

• 普通按钮：f5c269c97326fa978bca60e627eba6e8

• 重置按钮：d39eefbca07a688c781a48e2b0869183

以上就是本篇文章的全部内容了，有什么问题欢迎在下方提问

【小编推荐】

HTML div标签怎么用？这里有div使用方法的实例

如何给html中的pre标签中的文字换行？html pre标签的使用实例

以上是HTML中的form标签有什么作用？HTML form标签的用法解释的详细内容。更多信息请关注PHP中文网其他相关文章！