在<form>元素
HTML表单用于收集用户输入。
在<form>元素定义的HTML形式：
<form>
.
HTML表格包含表单元素 。 形式元素是不同类型的输入元件，复选框，单选按钮，提交按钮，等等。
所述<input>元
所述<input>元素是最重要的形式的元素 。
所述<input>元件具有许多变化，这取决于type属性。
以下是本章中所使用的类型：
类型 描述 text 定义普通的文本输入 radio 定义单选按钮输入(for selecting one of many choices) submit 定义一个提交按钮(for submitting the form)
您将在本教程后面学到了很多有关输入类型。
文本输入
<input type="text">定义了文本输入的一行输入字段：
例
<form>
First name:<br>
<input type="text" name="firstname"><br>
Last name:<br>
<input type="text" name="lastname">
</form>
试一试» 这是怎么看起来像在浏览器中：
名字：
姓：
Note:表单本身是不可见的。 还要注意的是文本字段的默认宽度为20个字符。
Radio按钮输入
<input type="radio">定义了一个radio按钮。
Radio按钮，让用户选择的选择数量有限的ONE：
例
<form>
<input type="radio" name="gender" value="male" checked> Male<br>
<input type="radio" name="gender" value="female"> Female<br>
<input type="radio" name="gender" value="other"> Other
</form>
试一试» 这是怎样的HTML代码中会在浏览器中显示：
男
女
其他
提交按钮
<input type="submit">定义了一个按钮提交表单到形状处理程序 。
的形式处理程序通常是具有用于处理输入数据的脚本服务器页面。
表单处理程序是在窗体的指定action属性：
例
<form action="action_page.php">
First name:<br>
<input type="text"
name="firstname" value="Mickey"><br>
Last name:<br>
<input
type="text" name="lastname" value="Mouse"><br><br>
<input type="submit" value="Submit">
</form>
试一试» 这是怎样的HTML代码中会在浏览器中显示：
名字：
姓：
该Action属性
的action属性定义了表单提交时要执行的动作。
提交表单到服务器的常用方法，是通过使用一个提交按钮。
通常情况下，表单被提交到网页的Web服务器上。
在上面的例子中，服务器端脚本被指定为处理所提交的形式：
<form action="action_page.php ">
如果action被省略的属性，操作设置为当前页面。
该Method属性
该method属性指定的HTTP方法（ GET或POST ）提交表格时使用：
<form action="action_page.php" method="get" > 要么：
<form action="action_page.php" method="post" >
何时使用GET ？
您可以使用GET (the default method) ：
如果表单提交是被动的(like a search engine query) ，并且没有敏感信息。
当您使用GET ，表单数据将在页面地址可见：
action_page.php?firstname=Mickey&lastname=Mouse GET是最适合短的数据。 大小限制在您的浏览器设置。
当使用POST ？
您应该使用POST ：
如果窗体是更新数据，或包括敏感信息(password) 。
POST是因为提交的数据是不是在页面地址可见提供了更好的安全性。
该Name属性
要正确提交，每个输入字段必须有一个name属性。
这个例子将仅提交"Last name"输入字段：
例
<form action="action_page.php">
First name:<br>
<input type="text"
value="Mickey"><br>
Last name:<br>
<input
type="text" name="lastname" value="Mouse"><br><br>
<input type="submit" value="Submit">
</form>
试一试»
与分组表单数据<fieldset>
所述<fieldset>的形式相关的数据元素组。
所述<legend>元素定义了的字幕<fieldset>元素。
例
<form action="action_page.php">
<fieldset>
<legend>Personal
information:</legend>
First name:<br>
<input type="text" name="firstname"
value="Mickey"><br>
Last name:<br>
<input type="text" name="lastname" value="Mouse"><br><br>
<input type="submit" value="Submit">
</fieldset>
</form>
试一试» 这是怎样的HTML代码中会在浏览器中显示：
HTML Form属性
一个HTML <form>元素，与所有可能的属性设置，看起来像这样：
<form action="action_page.php" method="post" target="_blank"
accept-charset="UTF-8"
enctype="application/x-www-form-urlencoded"
autocomplete="off" novalidate>
.
测试自己与练习！
这里是列表<form>属性：
属性 描述 accept-charset 指定在提交表单中使用的字符集（默认：页面字符集）。 action 指定的地址(url)其中提交表单（默认：在提交页面）。 autocomplete 指定浏览器是否应该自动完成表单(default: on) 。 enctype 指定提交的数据的编码(default: is url-encoded) 。 method 指定提交表单时使用的HTTP方法(default: GET) name 指定用于识别的形式（DOM用法：document.forms.name）的名称。 novalidate 指定浏览器不应验证表单。 target 指定的地址的目标action属性（默认值：_self）。
您将了解更多关于在接下来的章节属性。
更多示例
发送电子邮件从一个窗体
如何从表单发送电子邮件。