El atributo HTML <button> formenctype se utiliza para especificar que los datos del formulario deben codificarse cuando se envían al servidor. Este atributo anulará la función del atributo formencrypt. Solo se puede usar con el tipo de botón = «enviar» .
Sintaxis:
<button type="submit" formenctype="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 <button>.
HTML
<!DOCTYPE html> <html> <head> <title> Button Formenctype attribute </title> </head> <body style="text-align: center"> <h1 style="color: green">GeeksforGeeks</h1> <h4>HTML Button Formenctype Attribute</h4> <form action="#" method="post" formenctype="multipart/form-data"> First name: <input type="text" name="fname"> <br><br> Last name: <input type="text" name="lname"> <br><br> Address: <input type="text" name="Address"> <br><br> <button type="submit"> submit without character encoding </button> <br> <br> <button type="submit" formenctype="text/plan"> submit with character encoding </button> </form> </body> </html>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo formenctype HTML <button> se enumeran a continuación:
- Google Chrome 9.0 y superior
- Borde 12.0 y superior
- Internet Explorer 10.0 y superior
- Firefox 4.0 y superior
- Ópera 10.6 y superior
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA