HTML enctype屬性用法及代碼示例

此屬性指定在提交到服務器時，數據將以應編碼的形式出現。僅當方法= “POST”時，才可以使用這種類型的屬性。

用法:

<form enctype = "value">

元素：enctype屬性僅與<form>元素關聯。

屬性值：該屬性包含以下列出的三個值：

application/x-www-form-urlencoded:它是默認值。在發送到服務器之前，它將對所有字符進行編碼。它將空格轉換為+符號，並將特殊字符轉換為其十六進製值。
multipart/form-data:此值不編碼任何字符。
text/plain:此值將空格轉換為+符號，但不轉換特殊字符。

例：

<!DOCTYPE html> 
<html> 
    <head> 
        <title>enctype attribute</title> 
        <style> 
            h1 { 
                color:green; 
            } 
            body { 
                text-align:center; 
            } 
        </style> 
    </head> 
    <body> 
  
        <h1>GeeksforGeeks</h1> 
        <h2>enctype Attribute</h2> 
        <form action="#" method="post" 
                         enctype="multipart/form-data"> 
  
            First name:<input type="text" name="fname"><br> 
            Last name:<input type="text" name="lname"><br> 
            Address:<input type="text" name="Address"><br>  
  
            <input type="submit" value="Submit"> 
        </form> 
  
    </body> 
</html>

輸出：

支持的瀏覽器：下麵列出了enctype Attribute支持的瀏覽器：

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

相關用法

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