📜  HTML | DOM 表单 enctype 属性

📅  最后修改于: 2021-10-29 03:47:12             🧑  作者: Mango

HTML DOM 中的Form enctype属性用于设置或返回表单中 enctype属性的值。此属性指定提交到服务器时应编码的表单中出现的数据。只有当method =“POST”时才能使用这种类型的属性。

句法:

  • 它用于返回 enctype 属性。
    formObject.enctype
  • 它用于设置 enctype 属性。
    formObject.enctype = "application/x-www-form-urlencoded, multipart/form-data, text/plain"

    属性值:

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

    返回值将表单数据发送到服务器时,它返回一个字符串值,表示表单数据的编码类型。

    示例 1:此示例使用 getElementById() 方法返回 enctype 属性。

     
     
         
            
                HTML DOM Form enctype Property
             
         
          
         
          
            

    GeeksforGeeks

                         

    DOM Form enctype Property

                         
                                         First name:                            

                                 Last name:                            

                                 Address:                            

                                           
                       

                Click on Button to return enctype             attribute value         

                                           

                                                                   

    输出:
    点击按钮前:

    点击按钮后:

    示例 2:此示例设置 enctype 属性。

     
     
         
            
                HTML DOM Form enctype Property
             
         
          
         
          
            

    GeeksforGeeks

                         

    DOM Form enctype Property

                         
                                         First name:                            

                                 Last name:                            

                                 Address:                            

                                           
                       

                Click on Button to return the             enctype attribute value         

                                           

                                                           

    输出:
    点击按钮前:

    点击按钮后:

    支持的浏览器: DOM Form enctype 属性支持的浏览器如下:

    • 谷歌浏览器
    • IE浏览器
    • 火狐
    • 歌剧
    • 苹果浏览器