首页 > 编程 > HTML > 正文

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

2020-03-24 16:29:57
字体:
来源:转载
供稿:网友
本篇文章主要的介绍了关于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 html' target='_blank'>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标签的用法解释的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表