这是我参与「第五届青训营」伴学笔记创作活动的第 6 天。今天我谈谈常用的HTML标签——表单标签,请大家多多指教!
【表单标签】
概要:表单是在网页上用于输入信息的区域,它的主要功能是收集数据信息,并将这些信息传递给后台信息处理模块。例如,注册页面的用户名和密码输入、性别选择、提交按钮等都是用表单中的相关标签定义的。
表单主要由3个部分组成,详细介绍如下:
表单控件:包含具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮
提示信息:一个表单中通常需要包含一些说明性文字,用于提示用户进行填写和操作
表单域:相当于一个容器,用于容纳所有表单控件和提示信息
常用的表单标签
表单域<from>
在HTML中,<from>标签用于定义表单域,即创建一个表单,<from>标签基本语法如下:
<form action="URL地址" method="提交方式" name="表单名称">
各种表单控件
</form>
在上述语法中,action、method、name为<from>标签的常用属性,具体说明如下:
action属性:用于指定表单提交的地址,如action="login.jsp"表示该表单数据会提交到名为login.jsp的页面去处理
method属性:用于设置表单数据提交的方式,有GET和POST两个值,其中GET为默认值
name属性:用于表单的命名
表单控件<input/>
在HTML中,使用<input/>控件可以在表单中定义我们浏览网页时经常看到的单行文本输入框、单选按钮、复选框、重置按钮,<input/>控件基本语法格式如下:
<input type="控件类型" />
在上述语法中,type属性是<input/>标签最基本的属性,用于指定不同的控件类型。除type属性外,<input/>控件还可以定义很多其他属性,较常见的有id、name、value、size,分别用于指定<input/>控件的ID值、名称、控件默认值和控件在页面显示的宽度。
【小结】
今天学习和总结了表单标签,表单通常由表单控件、提示信息和表单域组成,同时也对表单控件和表单域常用属性进行归纳和总结。