表单域

表单的目的是用于收集用户信息，通常由表单域，表单控件和提示信息组成。

作用

在HTML中，表单域的标签是< form >，该标签会将它范围内的表单元素提交给服务器。
表单域是包含表单的区域。

语法规范

<form action ="url地址" method="提交方式" name="表单域名称">各种表单控件
</form>

属性

属性	属性值（作用）
action	url地址（指定接收该表单数据的服务器程序的URL地址）
method	get/post（设置表单提交方式）
name	名称（指定表单名称，以区分同一页面多个表单域）

表单控件

< input >表单元素：用于收集用户信息。

< input >中包含一个type属性，根据不同的type值，会有多种形式的输入字段。
语法：<input type="属性值"/> //（input为单标签）
type 属性值

属性值	作用
text	文本框，用户可输入文字
password	定义密码字段，该字段中文字被掩码
radio	定义单选按钮
checkbook	定义复选框，可实现多选
image	定义图像形式提交按钮
hidden	定义隐藏的输入字段
reset	定义重置按钮，清空表单数据
submit	定义提交按钮
file	定义字段及浏览器按钮，可供文件上传
button	定义可点按钮

其他属性

属性	属性值（描述）
name	有用户自定义（定义input元素名)
value	有用户自定义（规定input元素值)
checked	checked（规定input元素首次加载应当被选中）
maxlength	正整数（规定输入字段的最大长度）

注：

①name和value是每个表单元素应有的属性值，供后台人员使用。
②name是表单元素名字，要求单选按钮和复选按钮拥有相同的name值。
③checked针对单选按钮和复选框（一打开就有默认的选中值）。

< -label >标签

< label >标签为input元素定义标注标签，用于绑定一个表单元素，当点击< label >标签内文本时，浏览器会自动将焦点转到对应的表单元素，以增加用户体验。
语法：

<label for="A">B</lable>
<input type ="x" name="A" id="A"/>

核心：< label >标签的for属性应当与元素的id属性一致。

< select >下拉表单

语法：

<select><option>选项1</option><option>选项2</option><option>.....</option>
</select>

< textarea >文本域标签

< textarea >文本域标签用于定义多行文本输入的控件，通常用于留言，意见反馈等。

语法：

<textarea row="3" cols="20">文本内容
</textarea>

cols:每行字符数
row:显示的行数

HTML中的表单标签相关推荐

html中form表单标签的使用
在html中,表单是经常用到的,用来与用户交互并提交数据.今天要介绍的就是表单标签form标签 "form"作为英文单词有"表格"的意思 1.定义和用法标签是 ...
使用H5中的表单标签制作一个简单的网页登陆页面
简单介绍H5当中的表单标签.<form></form>表示定义一个表单的开始和结束.在form标签中,有主要的三个属性,action表示声明表单中的数据的处理的url地址.me ...
Struts2 表单和非表单标签
学习内容 Struts 2表单标签 Struts 2非表单标签能力目标熟练使用Struts 2表单标签开发表单熟练使用Struts 2非表单标签本章简介上一章讲述了ognl和Struts2标 ...
利用html开发英语单词小程,前端利用表单标签自己制作一个简单的表单页面-表单制作-小程序表单制作...
html中的表单标签:form标签:属性:提交到后台url地址:actionurl地址:http://localhost:8080/XXX提交方式:method常用两个:get:把提交的数据放到地址栏 ...
html语言中表格由什么组成,HTML中一个表单由什么组成
在HTML中,一个完整的表单通常由表单元素(也称为表单控件).提示信息和表单域3个部分构成.表单元素包含了具体的表单功能项,如单行文本输入框.密码输入框.复选框.提交按钮.重置按钮等:表单域相当于一个 ...
表单标签库与数据绑定
表单标签库表单标签库中包含了可以用在JSP页面中渲染HTML元素的标签.在JSP页面使用表单标签库时,需要在JSP页面开头处声明taglib指令: <%@ taglib prefix=&quo ...
【表单标签（知识点超全版本）】
表单标签 1.表单标签 1.1 表单标签有哪些 ? 1.2 HTML5 中的表单标签有哪些 ? 1.3 ★ form 供用户输入创建 HTML 表单 (交互+收集用户信息,表明我是表单) 1 ...
Struts2中UI标签之非表单标签
1.非表单标签主要用于在页面生成一些非表单的可视化元素,例如Tab页面,输出HTML页面的树形结构等.当然,非表单标签也包含在页面显示Action里封装的信息,非表单标签主要有如下几个: a:生成一个 ...
Struts2中UI标签之表单标签介绍
1.在Struts2中UI标签的表单标签分为两种:form标签本身和单个表单标签. 2.Struts2表单标签包括:form.textfield.password.radio.checkbox.che ...
textarea中插入标签_HTMLCSS学习笔记（二）-- HTML表单标签
表单 1 : 表单标签 <form></form> 属性 : action = '接口地址' method = 'get / post' name = '表单名称' 2 : 表 ...

HTML中的表单标签

表单标签

表单域

作用