Atributo de tipo de formulario HTML

El atributo HTML formenctype se usa en las etiquetas <button > y <input> con el tipo «imagen» y «enviar». Este atributo se utiliza para especificar que los datos del formulario deben codificarse cuando se envían datos al servidor. Anula la función del atributo enctype del elemento <form>. 

Básicamente, hay tres tipos para codificar los datos del formulario que se dan a continuación: 

  • application/x-www-form-urlencoded: Es el valor por defecto. Codifica todos los caracteres antes de enviarlos al servidor. Convierte espacios en símbolos + y caracteres especiales en su valor hexadecimal.
  • multipart/form-data: Se utiliza para codificar los controles de carga de archivos. Este valor no codifica ningún carácter. no podemos cargar imágenes y archivos sin usar este tipo de codificación.
  • text/plain: este valor convierte los espacios en símbolos + pero los caracteres especiales no se convierten.

Sintaxis

<element formenctype="value">

Ejemplo: El siguiente código demuestra el uso del atributo formenctype con dos botones de envío. uno está configurado para el tipo de codificación predeterminado y el otro está configurado para datos de formulario de varias partes.

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>

 Producción:

 Navegadores compatibles: 

  • Google Chrome
  • safari de manzana
  • Firefox
  • explorador de Internet
  • Ópera

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *