HTML 表单属性
HTML 拥有众多表单属性，涵盖自动完成、输入验证、字符编码等，全方位完善表单功能和用户体验。
本章全面介绍 HTML 的<form>元素的不同属性及属性的用法。
Action 属性
action属性定义了用户提交表单时，表单发送到服务器端的 URL 地址。
下面演示一个提交表单到 "action_page.php" 地址的实例：
<form action="/action_page.php">
<label for="fname">First name:</label><br>
<input type="text" id="fname" name="fname" value="Bill"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Gates"><br><br>
<input type="submit" value="Submit">
</form>提示：如果省略 action 属性，默认 action 目标地址为当前页面。
Target 属性
target属性规定提交表单后在何处显示响应。
target属性可设置以下值之一：
| 值 | 描述 |
|---|---|
_blank |
响应显示在新窗口或选项卡中。 |
_self |
响应显示在当前窗口中。 |
_parent |
响应显示在父框架中。 |
_top |
响应显示在窗口的整个 body 中。 |
framename |
响应显示在命名的 iframe 中。 |
提示：target 属性的默认值为 _self，这意味着响应将在当前窗口中打开。
下面的target属性应用实例，结果将在新的浏览器标签中打开：
<form action="/action_page.php" target="_blank">Method 属性
在 HTML 表单中，method用于指定表单数据向服务器提交的方式，主要有 GET 和 POST 两种。
提交表单数据时，默认的 HTTP 方法是 GET。
下面给出了一个使用 GET 方法提交的实例：
<form action="/action_page.php" method="get">下面给出了一个使用 POST 方法提交的实例：
<form action="/action_page.php" method="post">关于 GET 的注意事项：
- 以名称/值对的形式将表单数据追加到 URL
- 永远不要使用 GET 发送敏感数据！（提交的表单数据在 URL 中可见！）
- URL 的长度受到限制（2048 个字符）
- 对于用户希望将结果添加为书签的表单提交很有用
- GET 适用于非安全数据，例如 Google 中的查询字符串
关于 POST 的注意事项：
- 将表单数据附加在 HTTP 请求的正文中（不在 URL 中显示提交的表单数据）
- POST 没有大小限制，可用于发送大量数据。
- 带有 POST 的表单提交无法添加书签
提示：如果表单数据包含敏感信息或个人信息，请务必使用 POST！
Autocomplete 属性
autocomplete属性可控制表单元素自动完成功能，让浏览器依据用户历史输入自动填充字段。
下面是启用自动填写的表单：
<form action="/action_page.php" autocomplete="on">Novalidate 属性
novalidate属性是一个布尔属性，用来定义提交表单数据时，不做表单验证。
下面是未设置 novalidate 属性的表单：
<form action="/action_page.php" novalidate>Form 表单属性列表
| 属性 | 描述 |
|---|---|
accept-charset |
规定用于表单提交的字符编码。 |
action |
规定提交表单时将表单数据发送到何处。 |
autocomplete |
规定表单是否应打开自动完成（填写）功能。 |
enctype |
规定将表单数据提交到服务器时应如何编码（仅供 method="post"）。 |
method |
规定发送表单数据时要使用的 HTTP 方法。 |
name |
规定表单名称。 |
novalidate |
规定提交时不应验证表单。 |
rel |
规定链接资源和当前文档之间的关系。 |
target |
规定提交表单后在何处显示接收到的响应。 |
评论区 0
发表评论
教程介绍
HTML 超文本标记语言，一种用于创建网页的标准标记语言，在浏览器上运行和解析。
60
章节
104
阅读
0
评论