前端表单标签（一）

ZSup{A}

于 2022-08-22 14:14:17 发布

阅读量120

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签：前端 servlet 服务器

16 篇文章

订阅专栏

本文介绍了HTML中的表单域及其语法规范，包括<form>标签的作用、属性如action和method。同时，详细讲解了<input>标签的不同type属性值，如text、password、submit等，用于创建不同类型的表单元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一．表单域

1.表单域是一个包含表单元素的区域

在HTML标签中，<form>标签用于定义表单域，以实现用户信息的收集与传递

<form>会把它范围内的表单元素信息提交给服务器

2.语法规范：

各种表单元素控件

</form>

常用属性

属性	属性值	作用
action	url地址	用于指定接收并处理表单数据的服务器程序的url地址
method	get/post	用于设置表单数据的提交方式，其取值为get或post
name	名称	用于指定表单的名称，以区分同一个页面中的多个表单域

3.重点

① 在我们写表单元素前，应该有个表单域把它们进行包含

② 表单域是form标签

二．表单控件（表单元素）

1.input输入表单元素

语法规范：

• <input />标签为单标签

• type属性设置不同的属性值用来指定不同的控件类型

type属性值：

属性值	描述
button	定义可点击按钮（多数情况下，用于通过JavaScrip启动脚本）
checkbox	定义复选框
file	定义输入字段和“浏览”按钮，供文件上传
hidden	定义隐藏的输入字段
image	定义图像形式的提交按钮
password	定义密码字段。该字段中的字符被掩码
radio	定义单选按钮
reset	定义重置按钮。重置按钮会清除表单中的所有数据
submit	定义提交按钮。提交按钮会把表单数据发送到服务器
text	定义单行输入字段。用户可在其中输入文本，默认宽度为20字符