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

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

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

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

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

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

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

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

这还有form标签的实例:


  

第一个用户名:

第二个用户名:

效果看图:

HTML中怎么用form标签

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

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

html form标签的形式:

。。。

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

action:设定表单数据提交给哪个文件,用于后端技术(比如php)来接受并处理数据

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

三、表单标签

表单的作用是收集信息

(1)form表单的属性

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

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

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

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

(2)表单元素:表单标签、表单域、表单按钮

<1>表单标签:指标签本身,使用

定义

<2>表单域:是

标签中用来收集用户输入的每一项,通常用input标签定义,input标签

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

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

<4>表单元素种类:

  • 单行文本框:,默认值是type=“text”

  • 密码框:

  • 单选按钮:

  • 复选框:

  • 隐藏框:

  • 文件上传:

  • 下拉框:

  • 标签:

  • 元素集:

  • 提交按钮:

  • 普通按钮:

  • 重置按钮:

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


名称栏目:HTML中怎么用form标签-创新互联
本文来源:http://ybzwz.com/article/edhsp.html