【HTML 教程系列第 20 篇】什么是 HTML 中的表单

这是【HTML 教程系列第 20 篇】，如果觉得有用的话，欢迎关注专栏。

像之前的博客说到的段落标签，图像标签等标签，用这些标签我们只能做出静态的页面，如果想要做出一个动态页面(与服务器交互)，就需要借助 HTML 中的表单来实现。

一：什么是表单

网页中，我们需要跟用户进行交互，收集用户资料，此时就需要用到表单。使用表单的目的就是为了收集用户信息。

二：表单的组成

在HTML中，一个完整的表单通常由表单元素(也称为表单控件)、提示信息和表单域3个部分构成。

1、表单元素 包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

2、提示信息 一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。

3、表单域 表单域相当于一个容器，用来容纳所有的表单元素和提示信息，可以通过它定义处理表单数据所用程序的 url 地址，以及数据提交到服务器的方法。

如果不定义表单域，表单中的数据就无法传送到后台服务器。

下面我以注册网易邮箱的界面为例，说一下上述表单的三个组成部分 上图就是一个表单，填写密码的区域就是表单元素，"*密码"”是提示信息，整个有效区域叫做表单域。

三：表单标签有哪些

在 HTML 中，表单标签共有 5 种，分别是 form、input、textarea、select、option

(点击名称链接，跳转至每个表单标签的详情)

如果从外观上来划分表单，它又可以分成以下 8 种

• 单行文本框
• 多行文本框
• 密码文本框
• 单选框
• 复选框
• 按钮
• 文件上传
• 下拉列表

你的问题得到解决了吗？欢迎在评论区留言。

赠人玫瑰，手有余香，如果觉得文章不错，希望可以给个一键三连，感谢。

结束语 技术是一点一点积累的，大神也不是一天就可以达到的。原地不动就是退步，所以每天进步一点点。 最后，附上一句格言："好学若饥，谦卑若愚"，望共勉。