HTML中怎么用form标签-创新互联

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

10年积累的成都网站建设、成都网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有上蔡免费网站建设让你可以放心的选择与我们合作。

一、先看看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标签

二、看看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标签就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！

网页题目：HTML中怎么用form标签-创新互联
当前路径：https://www.cdcxhl.com/article38/edhsp.html

成都网站建设公司_创新互联，为您提供网站建设、品牌网站设计、云服务器、微信公众号、品牌网站制作、App开发

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容