当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML Form acceptCharset用法及代码示例


DOM表单acceptCharset属性用于设置或返回表单元素中accept-charset属性的值。 accept-charset属性用于定义字符编码,并用于表单提交。 accept-charset属性的默认值是“UNKNOWN”字符串,它表示编码等于包含以下内容的文档的编码

元件。

用法:


  • 它用于返回acceptCharset属性。
    formObject.acceptCharset
  • 它用于设置acceptCharset属性。
    formObject.acceptCharset = character-set
  • 属性值:

    • character-set:该属性值包含一个或多个编码属性的列表分隔值。编码属性的常用值为:UTF-8,ISO-8859-1。此属性始终仅与表单元素关联。
    • 示例1:演示如何返回accept-charset属性的HTML程序。

      <!DOCTYPE html> 
      <html> 
        
      <head> 
          <title>DOM Form accept-charset Property</title> 
          <style> 
              h1 { 
                  color:green; 
              } 
                
              body { 
                  text-align:center; 
              } 
          </style> 
      </head> 
        
      <body> 
          <h1>GeeksforGeeks</h1> 
          <h2>DOM Form accept-charset Property</h2> 
          <form action="#"
                accept-charset="UTF-8"
                id="users"> 
              First name:
              
              <input type="text" 
                     name="fname"> 
              <br> Last name:
              
              <input type="text" 
                     name="lname"> 
              <br> 
              
              <input type="submit" 
                     value="Submit"> 
          </form> 
          
          <p><b>Click on "Try it" Button to return the  
            value of the accrpt-charset attribute.</b></p> 
          
          <button onclick="myGeeks()">Try it</button> 
          <p id="sudo" style="font-size:25px;color:green;"> 
        </p> 
          
          <script> 
              function myGeeks() { 
                  
                  // Return accept-charset property 
                  var x = document.getElementById( 
                    "users").acceptCharset; 
                  
                  document.getElementById( 
                    "sudo").innerHTML = x; 
              } 
          </script> 
      </body> 
        
      </html>

      Output:

      在单击按钮之前:

      单击按钮后:

      示例2:演示如何设置accept-charset属性的HTML程序。

      <!DOCTYPE html> 
      <html> 
        
      <head> 
          <title>DOM Form accept-charset Property 
         </title> 
          
          <style> 
              h1 { 
                  color:green; 
              } 
                
              body { 
                  text-align:center; 
              } 
          </style> 
      </head> 
        
      <body> 
          <h1>GeeksforGeeks</h1> 
          <h2>DOM Form accept-charset Property 
        </h2> 
          
          <form action="#" 
                accept-charset="UTF-8" 
                id="users"> 
              First name:
              
              <input type="text" 
                     name="fname"> 
              <br> Last name:
              
              <input type="text"
                     name="lname"> 
              <br> 
              
              <input type="submit" 
                     value="Submit"> 
          </form> 
          
          <p><b>Click on "Try it" Button to set the  
            value of the accrpt-charset attribute. 
            </b></p> 
          
          <button onclick="myGeeks()"> 
            Try it 
        </button> 
          
          <p id="sudo"
             style="font-size:25px;color:green;"> 
        </p> 
          
          <script> 
              function myGeeks() { 
                  
                 // Set acceptCharset property. 
                  var x = document.getElementById( 
                    "users").acceptCharset = "ISO-8859-1"; 
                  
                  
                  document.getElementById("sudo").innerHTML = 
                 "The value of the accept-charset attribute" 
                  " was changed to " + "<br>" + x; 
              } 
          </script> 
      </body> 
        
      </html>

      Output:

      在单击按钮之前:

      单击按钮后:

      支持的浏览器:下面列出了DOM表单accept-charset属性支持的浏览器:

      • 谷歌浏览器
      • IE浏览器
      • Firefox
      • Opera
      • Safari


相关用法


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