当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML <form> enctype属性用法及代码示例


HTML <form> enctype属性用于指定提交到服务器时应对将以表单形式显示的数据进行编码。仅当方法= “POST”时,才可以使用这种类型的属性。

用法:

<form enctype="value"> 

属性值:该属性包含以下列出的三个值:


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

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

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>Form enctype attribute</title> 
</head> 
  
<body style="text-align:center"> 
    <h1 style="color:green">GeeksforGeeks</h1> 
    <h2>Form 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>

输出:

支持的浏览器:<form> enctype Attribute支持的浏览器如下:

  • 谷歌浏览器
  • IE浏览器
  • Firefox
  • 苹果Safari
  • Opera


相关用法


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