网页设计之HTML实战(9) -- HTML 表单

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>