HTML 表单用于搜集不同类型的用户输入,然后向服务器发送用户的输入。
1、<form>标签
<form>标签用于定义 一个HTML 表单,其它表单元素都包含在其中。
(1) action 属性
action 属性定义在提交表单时执行的动作。
向服务器提交表单的通常做法是使用提交按钮。
<form action="do-something.php">
(2) method 属性
method 属性规定在提交表单时所用的 HTTP 方法(GET 或 POST):
<form action="hello.php" method="GET">
- GET 方法:最适合少量数据的提交。浏览器会设定容量限制。
- POST方法:安全性更加,因为在页面地址栏中被提交的数据是不可见的。
(3) autocomplete 属性
规定浏览器应该自动完成表单(默认:开启)。
(4) enctype 属性
规定被提交数据的编码(默认:url-encoded)。
(5) name 属性
规定识别表单的名称
(6) target属性
规定 action 属性中地址的目标(默认:_self)。
2、<input>标签
<input>标签是最重要的表单元素。表示该元素是用于输入信息。
<input>标签元素有很多类型,由type 属性指定。
- text 用于输入文本的文本框
- radio 定义单选按钮输入n
- submit 提交按钮(提交表单)
(1) name 属性
如果输入要正确地被提交,每个输入字段必须设置一个 name 属性以便服务器区分输入的值是何含义,是属于哪个字段的值。
<form action="_blank">
姓:
<input type="text" name="firstname" value="Mickey">
<br>
名:
<input type="text" name="lastname" value="Mouse">
<br><br>
<input type="radio" name="sex" value="male" checked>男
<br>
<input type="radio" name="sex" value="female">女
<input type="submit" value="Submit">
</form>