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.
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.
Publicación traducida automáticamente
Artículo escrito por mittalmaster y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA