HTML formenctype屬性用法及代碼示例

HTML formenctype 屬性用在類型為 “image” 和 “submit” 的 <button> 和 <input> 標簽中。該屬性用於指定向服務器發送數據時必須對 form-data 進行編碼。它覆蓋了 <form> 元素的 enctype 屬性的特性。

本質上有三種類型來編碼 form-data，如下所示 -

應用程序/x-www-form-urlencoded:它是默認值。在發送到服務器之前，它將對所有字符進行編碼。它將空格轉換為+符號，並將特殊字符轉換為其十六進製值。
多部分/form-data：它用於對文件上傳控件進行編碼。此值不編碼任何字符。如果不使用這種編碼類型，我們將無法上傳圖像和文件。
文本/純文本：此值將空格轉換為+符號，但不轉換特殊字符。

用法

<element formenctype="value">

例：下麵的代碼演示了 formenctype 屬性與兩個提交按鈕的使用。一個設置為默認編碼類型，另一個設置為 multipart form-data。

HTML


<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML Formenctype Attribute
    </title>
</head>
  
<body>
    <center>
        <h2>GeeksForGeeks</h2>
  
        <h2>HTML Formenctype Attribute</h2>
  
        <form action="#">
            <label>First Name:<input type="text"></label><br>
            <label>last Name:<input type="text"></label><br>
            <label>Address:<input type="text"></label><br>
            <input type="submit" 
                value="submit with default encoding type">
            <button type="submit" formenctype="multipart/form-data">
                Submit as multipart form-data
            </button>
        </form>
    </center>
</body>
  
</html>

輸出：

支持的瀏覽器：

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

相關用法

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