HTML中怎么用form标签

这篇文章给大家分享的是有关HTML中怎么用form标签的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

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

<form> 标签用于为用户输入创建 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: 设定数据提交方式，用于根据不同的数据需求来选择合适的提交（传送）方式

三、表单标签<form>表单的作用是收集信息

（1）form表单的属性

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

<2>name：给表单定一个名字

<3>enctype=“string”：规定表单数据以什么形式进行编码

<4>method="get/post"：以何种方式向服务器发送数据

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

<1>表单标签：指<form>标签本身，使用<form></form>定义

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

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

<3>表单按钮：提交<form>表单中所有的信息到服务器

<4>表单元素种类：

• 单行文本框：<input type="text">，默认值是type=“text”

• 密码框：<input type="password"/>

• 单选按钮：<input type="radio"/>

• 复选框：<input type="checkbox"/>

• 隐藏框：<input type="hidden"/>

• 文件上传：<input type="file"/>

• 下拉框：<select>标签

• 多行文本：<textarea></textarea>

• 标签：<lable></lable>

• 元素集：<fieldset></fieldset>

• 提交按钮：<input type="submit"/>

• 普通按钮：<input type="button"/>

• 重置按钮：<input type="reset"/>

感谢各位的阅读！关于HTML中怎么用form标签就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！