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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。