【HTML 教程系列第 21 篇】HTML 中的表单标签 form

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

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

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

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

一：什么是 form 标签

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

语法

	
		// 各种表单元素
	

举例说明 代码如下所示

	
		 
		
			游戏一区
			游戏二区
			游戏三区
		
	

浏览器运行效果如下所示 input、textarea、select、option这些表单标签必须要放在 form 标签内部，记住这点。

二：form 标签属性

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

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

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

1：action

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

举例说明

2：method

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

• get
• post

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

举例说明

3：name

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

举例说明

4：target

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

举例说明

5：enctype

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

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

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

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