formtarget 属性用于定义提交表单时,响应结果应该在何处显示。这个属性通常用在 <button> 元素内,以覆盖包含该按钮的 <form> 元素上定义的默认目标。

以下是一个简单的示例,演示了如何在 <button> 元素中使用 formtarget 属性:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单提交目标示例</title>
</head>
<body>
    <h2>表单提交目标示例</h2>
    <form action="/submit" method="post" target="_blank">
        <!-- 表单内容 -->
        <input type="text" name="username" required>
        <br>
        <button type="submit">提交(在新标签页中打开结果)</button>
        <button type="submit" formtarget="_self">提交(在当前标签页中打开结果)</button>
    </form>
</body>
</html>

在上述例子中,formtarget="_blank" 属性在 <form> 元素上定义了默认的提交目标。而第一个按钮使用默认的目标,即在新标签页中打开结果。第二个按钮使用了 formtarget="_self" 属性,它将在当前标签页中打开结果。

这对于在表单中包含多个提交按钮时,为每个按钮指定不同的提交目标很有用。请注意,_blank 表示在新窗口或新标签页中打开,而 _self 表示在当前窗口或标签页中打开。


转载请注明出处:http://www.zyzy.cn/article/detail/3973/HTML