第15节 | HTML表单 表单域

HTML 表单

HTML 表单主要用于收集用户的输入信息。

它包含各种表单元素。

表单元素是允许用户在表单中输入内容的一些标签元素，比如：输入框（input）、文本域（textarea）、下拉列表（select）、单选框（radio-buttons）、复选框（checkbox） 等等。

比如我们经常用到的注册/登录的界面就是一个表单。

一个常见的表单，通常由左侧提示文本和右侧表单元素组成。

1、表单域

表单域，顾名思义，就是包含表单元素的一个区域。我们用 form 标签来表示表单域。

语法如下：

<form action="http://xxx.com/1.php" method="get" name="" autocomplete="off"></form>

action：处理表单提交的地址URL，表示表单要提交到什么地方进行处理

method：表示浏览器使用哪种方式来提交表单

• get： 通过地址栏提交表单数据，表单数据会附加在 action 属性的 URL 中，并以 ? 作为分隔符（简单来说，就是可以在地址栏里看到你提交的内容），安全性较差，因为如果输入了账号和密码，那么就可以直接在地址栏看到了。

• post：表单数据会包含在表单体内然后发送给服务器，安全性高。

name: 表单的名称。

autocomplete：表示是否能够自动补全上次的输入内容。