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


HTML <form> method屬性用法及代碼示例


HTML <form>方法屬性用於指定提交表單時用於發送數據的HTTP方法。 HTTP方法有兩種,即GET和POST。 method屬性可以與<form>元素一起使用。

屬性值:

  • GET:在GET方法中,提交表單後,表單值將在新瀏覽器選項卡的地址欄中可見。它的大小限製為大約3000個字符。它僅對非安全數據有用,而不對敏感信息有用。
  • POST:在post方法中,提交表單後,表單值將在新瀏覽器選項卡的地址欄中不可見,因為它在GET方法中可見。它將表單數據附加到HTTP請求的正文中。沒有大小限製。此方法不支持將結果添加為書簽。

用法:


<form method="get|post">

範例1:本示例說明了GET方法屬性的使用。

<!DOCTYPE html>  
<html>  
  
<head> 
    <title> 
        HTML form method Attribute 
    </title> 
</head> 
  
<body style="text-align:center;">  
  
    <h1 style="color:green;">GeeksforGeeks</h1>  
  
    <h3>HTML <form> Method Attribute.</h3>  
      
    <form action="/action_page.php" id="users"
                action="#" method="GET" target="_blank">  
          
        First name:<input type="text" name="fname"
                            placeholder="Enter first name">  
  
        <br><br>  
        Last name:<input type="text" name="lname"
                            placeholder="Enter last name">  
        <br><br> 
          
        <input type="submit" value="Submit">  
          
    </form>  
      
    <p> 
        By clicking the submit button the Entered<br> 
        details will be sended to "/action_page.php" 
    </p> 
</body>  
  
</html>                    

輸出:

範例2:本示例說明了POST方法屬性的使用。此方法將form-data作為HTTP後事務發送。

<!DOCTYPE html>  
<html>  
  
<head> 
    <title> 
        HTML form method Attribute 
    </title> 
</head> 
  
<body style="text-align:center;">  
  
    <h1 style="color:green;">GeeksforGeeks</h1> 
   
    <h3>HTML <form> Method Attribute.</h3> 
      
    <form action="/action_page.php" id="users"
            action="#" method="POST" target="_blank"> 
          
        Email_id:<input type="text" name="Email_id"
                    placeholder="Enter email_id"> 
   
        <br><br>  
          
        Password:<input type="password" 
                    placeholder="Enter Password">  
          
        Confirm Password:<input type="password" 
                    placeholder="Re-enter Password"> 
          
        <br><br> 
          
        <input type="button" value="login"> 
   
    </form> 
      
    <p> 
        By clicking the login button the Entered<br> 
        details will be sended to "/action_page.php" 
    </p> 
</body>  
  
</html>                    

輸出:

支持的瀏覽器:下麵列出了HTML <form>方法“屬性”支持的瀏覽器:

  • 穀歌瀏覽器
  • 互聯網瀏覽
  • Mozila Firefox
  • Safari
  • Opera


相關用法


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