HTML | Atributo <form> enctype

El atributo HTML <form> enctype se usa para especificar que los datos que estarán presentes en el formulario deben codificarse cuando se envían al servidor . Este tipo de atributo solo se puede usar si method = “POST”

Sintaxis:

<form enctype="value"> 

Valor del atributo: este atributo contiene tres valores que se enumeran 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: este valor no codifica ningún carácter.
  • text/plain: este valor convierte los espacios en símbolos + pero los caracteres especiales no se convierten.

Ejemplo: Este ejemplo ilustra el uso del atributo enctype en el elemento <form>. 

html

<!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>

Producción :

  

Navegadores compatibles: los navegadores compatibles con el atributo <form> enctype se enumeran a continuación:

  • Google Chrome
  • Borde 12 y superior
  • explorador de Internet
  • Firefox
  • safari de manzana
  • Ó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 *