form标签中的target属性学习

最新推荐文章于 2019-05-22 14:43:13 发布
原创 最新推荐文章于 2019-05-22 14:43:13 发布 · 6.6k 阅读 · 13 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#form.target_self #form.target_blank #url

本文详细介绍了HTML中form标签的target属性用法，包括_self、_blank、_parent、_top及framename等选项，解释了这些选项如何控制表单提交后页面的打开方式。

最近工作中涉及到一些前台jsp页面的操作，在窗口显示过程中有一些调整，再次回想起form标签中target属性，记录一下。

target 属性规定在何处打开 action URL。

form.target="_self";在相同的框架中打开，如果不写form.target则默认就是_self。

form.target="_blank";在新窗口中打开。

form.target="_parent";在父框架集中打开。

form.target="_top";在整个窗口中打开。

form.target="framename";在指定的框架中打开。.

比如本页面中有另一个<iframe name="PageShow" >则就在这个框架中打开。

具体显示情况看各位小伙伴的需求来选择。


欢迎各位程序yuan批评指正~


JavaScript获得表单target属性的方法
10-24
这个表单元素的ID为"frm1"，action属性指定了表单数据提交的服务器端页面，而target属性则设置为"_blank"，意味着提交表单时会在新的标签页中打开。 紧接着，在HTML的标签中，我们使用JavaScript代码来获取表单的...
锚点标签a的target属性具体使用方法详解
07-14
在HTML（超文本标记语言）中，锚点标签是用来创建链接的，其target属性则决定了链接应该在何处打开。具体使用方法如下： 1. target属性的基本作用是指示浏览器在何处打开链接的目标资源。它主要用于标签，但也可以...
Form标签中的target属性
morland的专栏
12-18 2139
form标签的target属性(指定窗口的打开方式)示例：target 属性 -- 代表链接目标不符合标准网页设计的理念,不赞成使用. 取值 _blank -- 在新窗口中打开链接 _parent -- 在父窗体中打开链接 _self -- 在当前窗体打开链接,此为默认值 _top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页) 一个对应的
form表单的target属性
HH
09-26 8694
form表单的target标签
Form的target属性
寂静湖畔
07-06 313
Form的target属性规定在何处打开action指定的URL，可选的值有： _blank _parent _self _top 指定的窗口名 Form的target属性可以用于通过post方式打开新窗口。我们用window.open()只能通过get方式打开新窗口。但是有时由于URL过长或者其他原因需要使用post方式，这时候就可以利用这个特性。     参考资料： ...
form的target属性
seminmredoxu的专栏
07-10 7416
form的target属性为以下值时：   //在空白页打开     //在当前页的上一页(父亲)打开     //在浏览器地址栏打开     //在当前页打开     //在最初(祖先)页打开    target就是点击链接后跳转到的目标页。 通俗点说，就是你当前页面上的链接，也包括、、，除非你指定了target，如链接一，否则都会按照的规定在_self（本页面）打开。这
精选资源
html标签a的target属性的用法
01-19
1：如果使用标签来链接到一个页面的话，target属性的作用，相信大家都知道。就是指对链接的页面以怎么样的形式展现出来，target常用的值有：_blank(以新弹出一个浏览器窗口打开链接的页面)、_self(在原来的窗口中...
学习HTML标签分类及其属性.pdf
10-05
`<form>`标签有几个关键属性，如`action`指定了处理表单数据的URL，`enctype`定义了数据的编码类型，`method`规定提交数据的方式，通常是GET或POST，而`target`则可以设置表单提交后的打开窗口或框架。 `<center>`...
HTML 中form 标签的 target 属性
little_spice的博客
05-12 771
定义和用法 target 属性规定在何处打开 action URL。 语法 <form target="value"> 属性值 值 描述 _blank 在新窗口中打开。 _self 默认。在相同的框架中打开。 _parent 在父框架集中打开。 _top 在整个窗口中打开。 framename 在指定的框架中打开。 ...
HTML之form标签target属性
绣花针
01-05 1594
 form标签target属性 在做权限登录页面，采用form表单提交的时候，当没有权限访问后，再次重新登录的时候会出现父页面与子页面嵌套的情况，需要刷新页面才会显示正常。这个时候我们可以将form标签的target属性设置为_parent 值 描述 _blank 在新窗口中打开。 _self 默认。在相同的框架中打开。 _parent 在父框架集中打开。 ...
JavaScript 控制 Form 的 targe 属性
生命有限 精神无限
12-30 989
普通Form JS: document.test.target="_blank或者你要设置的值"Struts  document.当前页面对应的Form名.target="Value"; 
formtarget属性
飞一样的编程
06-03 451
Html5之formtarget属性
谁对谁错重要吗的博客
05-22 1163
Html5之formtarget属性的简介： 在Html5中，可以对多个提交按钮分别使用formtarget属性来指定提交后在何处打开所需要加载的页面。 代码参考： <form> <input type="submit" formtarget="_blank" formaction="https://www.baidu.com/"> <!--...
form表单target的用法
weixin_30287169的博客
12-30 357
form表单的target，当iframe设置为隐藏时，可以实现当前页表单提交而部进行跳转刷新，代码如下： <form action="提交的action" method="post" target="myIframe">.....................</form><iframe name="myIframe" style="display:none"&...
VS中，form标签有哪些属性
最新发布
07-26
### `<form>` 标签在 Visual Studio 中支持的属性 在 Visual Studio 中编写 HTML 页面时，`<form>` 标签支持多种属性，用于控制表单的行为、提交方式以及与服务器的交互。这些属性在 HTML 标准中定义，Visual Studio 作为开发工具提供语法高亮和智能提示支持[^1]。 #### `action` 指定表单提交的目标 URL，即数据将被发送到的服务器端脚本或页面。该属性是表单提交的必要属性之一。 #### `method` 定义表单提交时使用的 HTTP 方法，通常为 `get` 或 `post`。`get` 方法将数据附加在 URL 后面作为查询字符串发送，而 `post` 方法将数据放在请求体中发送，适用于敏感或大量数据[^1]。 #### `enctype` 指定表单数据在提交时的编码方式。常见的取值包括 `application/x-www-form-urlencoded`（默认）、`multipart/form-data`（用于文件上传）和 `text/plain`（不推荐使用）[^1]。 #### `target` 定义表单提交后响应结果的显示位置。常用值包括 `_self`（当前窗口）、`_blank`（新窗口或标签页）、`_parent`（父框架）和 `_top`（整个窗口）[^1]。 #### `autocomplete` 控制是否启用浏览器的自动填充功能。取值为 `on`（启用）或 `off`（禁用），适用于需要用户手动输入的场景，如密码字段。 #### `novalidate` 指示表单在提交时是否跳过浏览器的内置验证机制。设置为 `novalidate="novalidate"` 可以禁用验证，适用于需要自定义验证逻辑的情况。 #### `accept-charset` 指定服务器接受的字符编码集，如 `UTF-8` 或 `ISO-8859-1`。该属性用于确保表单数据在传输过程中使用正确的字符集。 #### `name` 为表单命名，便于在 JavaScript 或服务器端代码中引用。该属性在多个表单共存的页面中尤为重要。 #### 示例代码 以下是一个包含多个常用属性的 `<form>` 标签示例： ```html <form action="/submit" method="post" enctype="multipart/form-data" target="_blank" autocomplete="on" novalidate="novalidate" accept-charset="UTF-8" name="myForm"> <label for="username">用户名:</label> <input type="text" id="username" name="username"> <br> <label for="file">上传文件:</label> <input type="file" id="file" name="file"> <br> <input type="submit" value="提交"> </form> ``` 该表单使用了 `multipart/form-data` 编码方式，支持文件上传，并且禁用了浏览器的默认验证机制，适用于需要自定义验证逻辑的场景。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值