¿Cómo especificar cómo se deben codificar los datos del formulario al enviarlos al servidor?

El formulario HTML proporciona tres métodos de codificación.

  • application/x-www-form-urlencoded
  • multiparte/datos de formulario
  • Texto sin formato

1. application/x-www-form-urlencoded: este es el método predeterminado que se aplica si no se especifica nada. En este método, los espacios se convierten en el símbolo ‘ + ‘ y los caracteres especiales se convierten en valores ASCII HEX, y todos los demás caracteres permanecen iguales.

Ejemplo:

HTML

<!DOCTYPE html>
<html>
<body>
   <!--create form to show the implementation of 
    encode type = application/x-www-form-urlencoded  -->
  <form  action="https://www.geeksforgeeks.org/" method="post" 
         enctype="application/x-www-form-urlencoded">
    <label for="fname">First name:</label>
    <input type="text" id="fname" name="fname">
    <br><br>
    <label for="lname">Last name:</label>
    <input type="text" id="lname" name="lname">
    <br><br>
    <input type="submit" value="Submit">
  </form>
  
</body>
</html>

Producción:

  •  Aceptar datos del formulario del usuario.

                       

  • Aceptados los datos del usuario en el servidor.

                        

producción

2. multipart/form-data: En esto, no se codifican caracteres. Este valor es obligatorio cuando un formulario tiene un archivo para cargar.

Ejemplo:

HTML

<!DOCTYPE html>
<html>
<body>
<h2>Welcome To GFG</h2>
  <!--  create form to show the implementation of 
        encode type = multipart/form-data     -->
  <form  action="https://www.geeksforgeeks.org/" method="post" 
         enctype="multipart/form-data">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname">
  <br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname">
  <br><br>
  <input type="submit" value="Submit">
  
</body>
</html>

Producción:

  • Aceptar datos del formulario del usuario.

            

  • Aceptados los datos del usuario en el servidor.

                         

3. texto/sin formato: en esto, los espacios se convierten en el símbolo ‘ + ‘, pero no se codifica ningún otro carácter.

Ejemplo:

HTML

<!DOCTYPE html>
<html>
  
<body>
   <!--  create form to show the implementation of 
        encode type = text/plain             -->
  <form  action="https://www.geeksforgeeks.org/" method="post" 
         enctype="text/plain">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname">
  <br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname">
  <br><br>
  <input type="submit" value="Submit">
  
</body>
</html>
    
   

Producción:

  • Aceptar datos del formulario del usuario. :

               

  • Aceptados los datos del usuario en el servidor.

                             

producción

Publicación traducida automáticamente

Artículo escrito por mittalmaster 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 *