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

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

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

文章目录

一：什么是 form 标签二：form 标签属性1：action2：method3：name4：target5：enctype

一：什么是 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 提交方式，其取值有两个

getpost

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 属性用于指定表单数据提交的编码方式，一般我们不需要去设置，除非你需要用到上传文件的功能。

---

结束语

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