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

一：什么是表单

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

二：表单的组成

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

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

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

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

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

下面我以注册网易邮箱的界面为例，说一下上述表单的三个组成部分

上图就是一个表单，填写密码的区域就是表单元素，"*密码"”是提示信息，整个有效区域叫做表单域。

三：表单标签有哪些

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

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

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

在接下来的博客中，我会针对这 5 种标签，8种外观，逐个解释说明，对这些不懂的，可以关注一下。

结束语

如果这篇博客有幸帮到了您，欢迎点击下方链接，和更多志同道合的伙伴一起交流，一起进步。