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

HTML按钮的formmethod属性用于指定提交表单时用于发送数据的HTTP方法。 HTTP方法有两种，即GET和POST。此属性仅与Button type =“ submit”一起使用

用法:

<button type="submit" formmethod="get|post">

属性值：

GET:在GET方法中，提交表单后，表单值将在新浏览器选项卡的地址栏中可见。它的大小限制为大约3000个字符。它仅对非安全数据有用，而不对敏感信息有用。
POST:在post方法中，提交表单后，表单值将在新浏览器选项卡的地址栏中不可见，因为它在GET方法中可见。它将表单数据附加到HTTP请求的正文中。没有大小限制。此方法不支持将结果添加为书签。

例：本示例说明在Button元素中使用formmethod属性。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>  
      Button Formmethod attribute 
    </title> 
</head> 
  
<body style="text-align:center"> 
    <h1 style="color:green"> 
      GeeksforGeeks 
    </h1> 
    <h4> 
      HTML Button Formmethod Attribute 
    </h4> 
    <form action="#" method="post" 
          enctype="multipart/form-data"> 
        First name:
        <input type="text" name="fname"> 
        <br><br> 
        Last name:
        <input type="text" name="lname"> 
        <br><br> 
        Address:
        <input type="text" name="Address"> 
        <br><br> 
        <button type="submit" formmethod="GET"> 
          submit using GET  
        </button> 
        <br> 
        <br> 
        <button type="submit" formenctype="text/plan" 
                formmethod="POST"> 
          submit using POST 
        </button> 
    </form> 
</body> 
  
</html>

输出：

支持的浏览器：HTML <button> Formmethod属性支持的浏览器如下：

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

相关用法

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