當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


HTML formtarget屬性用法及代碼示例

HTML formTarget 屬性用於指定名稱或關鍵字,指示提交表單後在何處顯示結果。它指定提交的結果將在當前窗口、新選項卡或新框架中打開。該屬性覆蓋了 <form> 元素的 target 屬性的特性。

用途:用於<button>和<input type=”submit”>和<input type=”image”>

用法:

<element formtarget="_blank|_self|_parent|_top|framename">  

屬性值:

  • _blank:它將在新窗口中打開鏈接。
  • _self:它將在同一框架中打開鏈接的文檔。
  • _parent:打開父框架集中的鏈接文檔。
  • _top:它將在窗口的整個正文中打開鏈接的文檔。
  • framename:它將在命名框架中打開鏈接的文檔。


例:此示例說明了一個包含兩個提交按鈕的表單,一個將在當前框架中提交,另一個按鈕將在新框架中提交。

HTML


<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML formtarget Attribute
    </title>
</head>
  
<body>
    <center>
        <h1 style="color:green;">
            GeeksforGeeks
        </h1>
  
        <h2 style="color:green;">
  
            HTML formtarget Attribute
        </h2>
  
        <form action="#">
            Username:
            <input type="text" name="usrname">
  
            <br><br>
  
            Password:
            <input type="password" name="password">
  
            <br><br>
  
            <input type="submit" 
                value="Submit in a new window" 
                formtarget="_blank">
  
            <button type="submit" formtarget="_self">
                Submit with a current window
            </button>
        </form>
    </center>
</body>
  
</html>

輸出

支持的瀏覽器:HTML formtarget 屬性支持的瀏覽器列表如下 -

  • 穀歌瀏覽器
  • IE瀏覽器
  • Opera
  • Firefox
  • 蘋果Safari




相關用法


注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML formtarget Attribute。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。