HTML Input Image formEnctype用法及代码示例

HTML DOM中的Input Image formEnctype属性用于设置或返回输入图像的Enctype属性的值。此属性指定提交给服务器时应以编码形式显示的数据。仅当方法= “POST”时，才可以使用这种类型的属性。它覆盖<form>元素的enctype属性。句法：

它返回formEnctype属性。
```
imageObject.formEnctype
```

它用于设置formEnctype属性。

imageObject.formEnctype = "application/x-www-form-urlencoded,
multipart/form-data, text/plain"

属性值：

application/x-www-form-urlencoded:它是默认值。在发送到服务器之前，它将对所有字符进行编码。它转换空格并将其转换为+符号，并将特殊字符转换为其十六进制值。
multipart/form-data:它不编码任何字符。
text/plain:此值将空格转换为+符号，但不转换特殊字符。

返回值：当它发送到服务器时，它返回一个字符串值，该值代表表单数据的编码类型。

范例1：此示例说明了如何返回输入图像formEnctype属性。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML DOM Input Image formEnctype 
    </title> 
</head> 
  
<body style="text-align:center;"> 
  
    <h1 style="color:green;">  
      GeeksforGeeks  
    </h1> 
  
    <h4> 
      DOM Input Image formEnctype Property 
    </h4> 
    <button onclick="my_geek()"> 
        <input id="myImage" formEnctype="application/x-www-form-urlencoded" 
               type="image" formtarget="#" src= 
"https://media.geeksforgeeks.org/wp-content/uploads/gfg-40.png" 
               alt="Submit" width="48" height="48" formMethod="post" 
         formNoValidate> 
    </button> 
  
    <h2 id="Geek_h" style="color:green;">  
  
        </h2> 
    <script> 
        function my_geek() { 
  
            // Return target, alt and height.  
            var txt = document.getElementById( 
                "myImage").formEnctype; 
            document.getElementById( 
                "Geek_h").innerHTML = txt; 
        } 
    </script> 
</body> 
  
</html>

输出：

在单击按钮之前：
单击按钮后：

示例2：本示例说明了如何设置formEnctype属性。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title> 
        HTML DOM Input Image formEnctype 
    </title> 
</head> 
  
<body style="text-align:center;"> 
  
    <h1 style="color:green;">  
      GeeksforGeeks  
    </h1> 
  
    <h4> 
      DOM Input Image formEnctype Property 
    </h4> 
    <button onclick="my_geek()"> 
        <input id="myImage" formEnctype="application/x-www-form-urlencoded" 
               type="image" formtarget="#" src= 
"https://media.geeksforgeeks.org/wp-content/uploads/gfg-40.png" 
               alt="Submit" width="48" height="48" formMethod="post"
         formNoValidate> 
    </button> 
  
    <h2 id="Geek_h" style="color:green;"></h2> 
    <script> 
        function my_geek() { 
  
            // Return target, alt and height.  
            var txt = document.getElementById( 
                "myImage").formEnctype = "text/plan"; 
            document.getElementById( 
                "Geek_h").innerHTML =  
              "The value of the formEnctype Attribute was changed to " 
              + txt; 
        } 
    </script> 
</body> 
  
</html>

输出：

在单击按钮之前：
单击按钮后：

支持的浏览器：下面列出了HTML DOM输入图像formEnctype属性支持的浏览器：

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

相关用法

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