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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。