HTML <button> formtarget属性用法及代码示例

HTML Button formtarget属性用于指定提交的结果将在当前窗口，新选项卡还是新框架中打开。此属性覆盖<form> Target属性的函数。它只能与Button type =“ submit”一起使用

用法:

<button type="submit" formtarget="_blank | _self | _parent | _top | framename">

属性值

_blank:它将在新窗口中打开链接。
_self:它将在同一框架中打开链接的文档。
_parent:它将在父框架集中打开链接的文档。
_top:它将在窗口的整个正文中打开链接的文档。
framename:它将在命名框架中打开链接的文档。

例：本示例说明在按钮元素中使用formTarget Attribute。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
      Button FormTarget attribute 
  </title> 
</head> 
  
<body style="text-align:center"> 
    <h1 style="color:green"> 
      GeeksforGeeks 
  </h1> 
    <h2>HTML Button FormTarget  
      Attribute</h2> 
    <form action="#" 
          method="post"
          enctype="multipart/form-data"> 
        First name:
        <input type="text"
               name="fname"> 
        <br> Last name:
        <input type="text"
               name="lname"> 
        <br> Address:
        <input type="text"
               name="Address"> 
        <br> 
        <button type="submit"
                formtarget="_self"> 
          submit To a current window 
      </button> 
        <br> 
        <br> 
        <button type="submit" 
                formenctype="text/plan"
                formtarget="_blank"> 
          submit to a new window 
      </button> 
    </form> 
</body> 
  
</html>

输出：

支持的浏览器：下面列出了HTML Button FormTarget属性支持的浏览器：

谷歌浏览器10.0
Internet Explorer 10.0
Firefox 4.0
Opera 10.6

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | <button> formtarget Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。