百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> HTML中的form标签有什么作用?HTML form标签的用途解释
分享文章到:

HTML中的form标签有什么作用?HTML form标签的用途解释

发布时间:09/01 来源:未知 浏览: 关键词:
本篇文章主要的介绍了关于HTML中的form标签的作用和用途,还有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>

结果看图:

tuyi.png

二、看看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 div标签如何用?这里有div使用办法的实例

怎样给html中的pre标签中的文字换行?html pre标签的使用实例

以上就是HTML中的form标签有什么作用?HTML form标签的用途说明的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板