持续创作，加速成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第20天，点击查看活动详情

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

通过前面的博客 详解什么是 HTML 中的表格 table ，我们知道了表格中的 th td（单元格）必须写在 tr（行）中，而 tr 也必须写在 table 标签内。

我们知道，表单标签共有 5 种，分别是 form、input、textarea、select、option，这些标签是随便写到一个位置的吗 ？

当然不是，在 HTML 中，创建一个表单，我们需要把所有表单标签放在 form 标签内部。

一：什么是 form 标签

解释说明 在 HTML 中，form 标签被用于定义表单域，即创建一个表单。以实现用户信息的收集和传递，form 中的所有内容都会被提交给服务器。

语法

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

举例说明

代码如下所示

	<form>
		<input type="text" value="这是一个单行文本框" /> <br/>
		<select>
			<option>游戏一区</option>
			<option>游戏二区</option>
			<option>游戏三区</option>
		</select>
	</form>

浏览器运行效果如下所示

input、textarea、select、option这些表单标签必须要放在 form 标签内部，记住这点。

二：form 标签属性

下面列举出几个 form 标签的常用属性，如下表格

属性值	说明
action	提交地址
method	提交方式
name	表单名称
target	打开方式
enctype	编码方式

接下来简单说下这几个属性的作用

1：action

作用

在表单收集到信息后，需要将信息传递给服务器进行处理,，action 属性用于指定接收并处理表单数据的服务器程序的 url 地址。

举例说明

	<form action="server.php"></form>

2：method

作用

用于设置表单数据使用哪一种 http 提交方式，其取值有两个

• get
• post

get 的安全性较差，post 安全性较好，所在在实际开发中，我们都是使用 post 方式。

举例说明

	<form method="post"></form>

3：name

作用

用于指定表单的名称，以区分同一个页面中的多个表单。

举例说明

	<form name="fistForm"></form>

4：target

作用 在 form 标签中，target 属性与 a 标签的 target 属性是一样的，都是用来指定窗口的打开方式，所以一般情况下，我们也只会用到 _blank 这一个属性值。

举例说明

	<form target="_blank"></form>

5：enctype

作用 enctype 的中文就是编码的意思，所以 enctype 属性用于指定表单数据提交的编码方式，一般我们不需要去设置，除非你需要用到上传文件的功能。

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

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

---

结束语

技术是一点一点积累的，大神也不是一天就可以达到的。原地不动就是退步，所以每天进步一点点。

最后，附上一句格言："好学若饥，谦卑若愚"，望共勉。