参考资料

  1. HTML DOM 返回文档的完整的URL实例
  2. HTML DOM 返回图像映射的某个区域的port 实例
  3. HTML DOM 返回图像映射的某个区域的pathname 实例
  4. HTML DOM 返回图像映射的某个区域的protocol 实例
  5. HTML DOM改变单元格横跨的列数(colspan属性)
  6. HTML DOM单元格内容垂直对齐
  7. HTML DOM获得有下拉列表的表单的ID
  8. HTML DOM 对iframe排版

HTML DOM 返回一个表单target属性的值

HTML DOM 表单 target 属性

简介

表单的 target 属性指定在何处显示表单提交后的响应结果。

标签

<form target="value">

属性值

  • _blank - 在新窗口/标签页中打开

  • _self - 在当前窗口中打开（默认）

  • _parent - 在父框架中打开

  • _top - 在整个窗口中打开

  • framename - 在指定的框架中打开

用法

<form action="submit.php" target="_blank">
  <!-- 表单内容 -->
</form>

DOM 访问方法

// 获取 target 值
var targetValue = document.getElementById("myForm").target;

// 设置 target 值
document.getElementById("myForm").target = "_blank";

实例

<form id="myForm" action="submit.php" target="_blank">
  <input type="text" name="username">
  <input type="submit" value="提交">
</form>

<script>
  // 获取并修改 target
  var form = document.getElementById("myForm");
  console.log(form.target); // 输出 "_blank"
  form.target = "_self"; // 修改为在当前窗口打开
</script>

功能

  • 控制表单提交后响应页面的打开方式

  • 可用于多窗口/框架环境下的表单处理

  • 与 iframe 配合可实现无刷新表单提交

CSS 扩展

虽然 target 属性本身不受 CSS 影响，但可以通过 CSS 为不同 target 的表单添加样式：

form[target="_blank"] {
  border: 1px solid blue;
}

form[target="_self"] {
  border: 1px solid green;
}
TAG：表单属性框架标签结果新窗口前窗整个用法方法

AIGEO优化摘要

AI可读摘要：HTML DOM 表单 target 属性简介表单的 target 属性指定在何处显示表单提交后的响应结果。标签form target="value"属性值_blank - 在新窗口/标签页中打开_self - 在当前窗口中打开（默认）_parent - 在父框架中打开_top - 在整个窗口中打开framename - 在指定的框架中打...
常见问题：
HTML DOM 返回一个表单target属性的值主要讲了什么？

HTML DOM 表单 target 属性简介表单的 target 属性指定在何处显示表单提交后的响应结果。标签form target="value"属性值_blank - 在新窗口/标签页中打开_self - 在当前窗口中打开（默认）_parent - 在父框架中打开_top - 在整个窗口中打开framename - 在指定的框架中打...

HTML DOM 返回一个表单target属性的值适合哪些人参考？

适合正在了解文章信息、进行对比筛选，或希望快速获得结论的用户参考。

阅读HTML DOM 返回一个表单target属性的值时应重点看哪些内容？

建议重点关注标题、摘要、正文说明、图片资料和更新时间。

AIGEO评分：85/100
  • 建议补充封面或内容图片。
作者：王壹杰
时间：2025-04-24 17:36:56
来源：https://html.ciilii.com/