HTML 表单属性

您所在的位置:网站首页 简述表单中的标记是什么 HTML 表单属性

HTML 表单属性

2024-05-27 06:32| 来源: 网络整理| 查看: 265

w3school 在线教程 HTML 系列教程 浏览器脚本 服务器脚本 编程教程 XML 系列教程 建站手册 参考手册 HTML 基础教程 HTML 教程 HTML 简介 HTML 编辑器 HTML 基础 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 样式 HTML 格式化 HTML 引用 HTML 注释 HTML 颜色 HTML 颜色名 HTML CSS HTML 链接 HTML 图像 HTML 表格 HTML 列表 HTML 块 HTML 类 HTML Id HTML 内联框架 HTML JavaScript HTML 路径 HTML 头部 HTML 布局 HTML 响应式设计 HTML 计算机代码 HTML5 语义 HTML5 代码约定 HTML 实体 HTML 符号 HTML 表情符号 HTML 字符集 HTML URL HTML 框架 HTML 背景 HTML URL 编码 HTML Web 服务器 HTML 文档类型 HTML 速查手册 HTML XHTML XHTML 简介 XHTML 元素 XHTML 属性 HTML 表单 HTML 表单 HTML 表单属性 HTML 表单元素 HTML 输入类型 HTML 输入属性 HTML Input 表单属性 HTML 图形 HTML5 画布 HTML5 SVG HTML5 画布 vs SVG HTML 媒体 HTML 媒体 HTML 对象 HTML 音频 HTML 视频 HTML YouTube HTML5 HTML5 简介 HTML5 支持 HTML5 元素 HTML5 迁移 HTML API HTML5 地理定位 HTML5 拖放 HTML5 Web 存储 HTML5 应用缓存 HTML5 Web Workers HTML5 SSE 实例/测验/总结 HTML 实例 HTML 测验 HTML 总结 HTML 参考手册 HTML 元素(字母排序) HTML 元素(功能排序) HTML 浏览器支持 HTML 全局属性 HTML 事件 HTML 颜色名 HTML 画布 HTML 视频/音频 HTML 字符集 HTML 文档类型 HTML URL 编码 HTML 语言代码 HTML 国家代码 HTTP 消息 HTTP 方法 键盘快捷键 HTML 表单属性 HTML 表单 HTML 表单元素

本章介绍 HTML 元素的不同属性。

Action 属性

action 属性定义提交表单时要执行的操作。

通常,当用户单击“提交”按钮时,表单数据将发送到服务器上的文件中。

在下面的例子中,表单数据被发送到名为 "action_page.php" 的文件。该文件包含处理表单数据的服务器端脚本:

实例

提交后,将表单数据发送到 "action_page.php":

First name: Last name:

亲自试一试

提示:如果省略 action 属性,则将 action 设置为当前页面。

Target 属性

target 属性规定提交表单后在何处显示响应。

target 属性可设置以下值之一:

值 描述 _blank 响应显示在新窗口或选项卡中。 _self 响应显示在当前窗口中。 _parent 响应显示在父框架中。 _top 响应显示在窗口的整个 body 中。 framename 响应显示在命名的 iframe 中。

默认值为 _self,这意味着响应将在当前窗口中打开。

实例

此处,提交的结果将在新的浏览器标签中打开:

亲自试一试

Method 属性

method 属性指定提交表单数据时要使用的 HTTP 方法。

表单数据可以作为 URL 变量(使用 method="get")或作为 HTTP post 事务(使用 method="post")发送。

提交表单数据时,默认的 HTTP 方法是 GET。

实例

此例在提交表单数据时使用 GET 方法:

亲自试一试

实例

此例在提交表单数据时使用 POST 方法:

亲自试一试

关于 GET 的注意事项: 以名称/值对的形式将表单数据追加到 URL 永远不要使用 GET 发送敏感数据!(提交的表单数据在 URL 中可见!) URL 的长度受到限制(2048 个字符) 对于用户希望将结果添加为书签的表单提交很有用 GET 适用于非安全数据,例如 Google 中的查询字符串 关于 POST 的注意事项: 将表单数据附加在 HTTP 请求的正文中(不在 URL 中显示提交的表单数据) POST 没有大小限制,可用于发送大量数据。 带有 POST 的表单提交无法添加书签

提示:如果表单数据包含敏感信息或个人信息,请务必使用 POST!

Autocomplete 属性

autocomplete 属性规定表单是否应打开自动完成功能。

启用自动完成功能后,浏览器会根据用户之前输入的值自动填写值。

实例

启用自动填写的表单:

亲自试一试

Novalidate 属性

novalidate 属性是一个布尔属性。

如果已设置,它规定提交时不应验证表单数据。

实例

未设置 novalidate 属性的表单:

亲自试一试

所有 属性的列表 属性 描述 accept-charset 规定用于表单提交的字符编码。 action 规定提交表单时将表单数据发送到何处。 autocomplete 规定表单是否应打开自动完成(填写)功能。 enctype 规定将表单数据提交到服务器时应如何编码(仅供 method="post")。 method 规定发送表单数据时要使用的 HTTP 方法。 name 规定表单名称。 novalidate 规定提交时不应验证表单。 rel 规定链接资源和当前文档之间的关系。 target 规定提交表单后在何处显示接收到的响应。 HTML 表单 HTML 表单元素 HTML 参考手册 HTML 实例 HTML 测验

W3School 简体中文版提供的内容仅用于培训和测试,不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有,保留一切权利。

关于 W3School 帮助 W3School 使用条款 隐私条款 技术支持:赢科 蒙ICP备06004630号



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3