Este atributo especifica que los datos estarán presentes en la forma en que deben codificarse cuando se envíen al servidor. Este tipo de atributo solo se puede utilizar si method = “POST”.
Sintaxis:
<form enctype = "value">
Elemento: el atributo enctype está asociado únicamente con el elemento <form> enctype .
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:
html
<!DOCTYPE html>
<html>
<head>
<title>enctype attribute</title>
<style>
h1 {
color:green;
}
body {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>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 enctype se enumeran a continuación:
- Google Chrome
- Edge versión 12 y superior
- Firefox
- explorador de Internet
- Ópera
- 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