📜  HTML |<button>表单目标属性<button>(1)

📅  最后修改于: 2023-12-03 15:15:38.648000             🧑  作者: Mango

HTML表单目标属性

概述

在HTML表单中,目标属性用于指定在用户提交表单时,表单数据应该由哪个页面来处理。一般情况下,表单目标属性可以指定为一个窗口或者一个框架。

属性值

常用的表单目标属性值包括:

  • _blank: 在一个新的、未命名的窗口中打开响应文档。

  • _self: 在当前窗口中打开响应文档。

  • _parent: 在父窗口中打开响应文档,如果当前窗口是顶级窗口,则等同于_self

  • _top: 在顶级窗口中打开响应文档,忽略所有框架。

  • 一个框架的名称: 非常用。可以指定表单响应的框架名称来处理表单数据。

示例
<form action="/form-handler" method="post" target="_blank">
  <label>姓名:<input type="text" name="name" /></label>
  <label>邮箱:<input type="email" name="email" /></label>
  <input type="submit" value="提交" />
</form>

在上面的示例中,表单提交后的响应文档将在新的窗口中打开,而不是当前窗口。

注意事项
  • _blank属性可能会被浏览器拦截,因此您应该在表单提交后给出一些指示,例如“点击此处以继续”。

  • 在HTML5中,表单目标属性可以被指定为一个 iframe 的名称或 ID。但是,这种用法在 XHTML 1.0 中是不合法的。

  • 当表单响应文档被在当前窗口中打开时,表单数据会覆盖当前文档内容。在提交表单之前,您应该确保用户已经做好了保存当前工作的准备。

参考链接