HTML <button> formenctype属性用法及代码示例

HTML <button> formenctype属性用于指定提交到服务器时应该对表单数据进行编码。此属性将覆盖formencrypt属性的函数。它只能与Button type = “submit”一起使用。

用法:

<button type="submit" formenctype="value">

属性值：此属性包含以下列出的三个值：

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

例：本示例说明了<butoon>元素中enctype属性的用法。

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>  
     Button Formenctype attribute 
    </title> 
</head> 
  
<body style="text-align:center"> 
    <h1 style="color:green">GeeksforGeeks</h1> 
    <h4>HTML Button Formenctype Attribute</h4> 
    <form action="#" method="post" 
          formenctype="multipart/form-data"> 
        First name:
        <input type="text" name="fname"> 
        <br><br> 
        Last name:
        <input type="text" name="lname"> 
        <br><br> 
        Address:
        <input type="text" name="Address"> 
        <br><br> 
        <button type="submit"> 
          submit without character encoding  
        </button> 
        <br> 
        <br> 
        <button type="submit" formenctype="text/plan"> 
          submit with character encoding 
        </button> 
    </form> 
</body> 
  
</html>

输出：

支持的浏览器：下面列出了HTML <button> formenctype属性支持的浏览器：

谷歌浏览器10.0
Internet Explorer 10.0
Firefox 4.0
Opera 10.6
Safari 5.1

相关用法

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