Atributo formenctype HTML5: Cambiar la codificación de un formulario

Con el atributo formenctype HTML5 podemos cambiar la codificación establecida en un formulario web, este atributo de HTML5 tiene un funcionamiento y sintaxis similar al atributo formaction de HTML5.

Sintaxis del atributo formenctype HTML5

Os pongo la sintaxis extraída de su web oficial:

<form enctype="multipart/form-data">
    <input type="submit" value="Enviar" formenctype="application/x-www-form-urlencoded">
</form>

Tal y como podéis ver en el ejemplo el formulario tiene establecito el enctype=multipart/form-data, esta será la codificación por defecto del formulario.

En cambio, en caso de clickar el input de tipo submit, el formulario cogerá la codificación del atributo formencytpe.

De esta manera podemos establacer en los formularios una codificación por defecto y cambiarla dependiendo del input clickado.

Tipos de enctype para el atributo formenctype HTML5

Estos son los diferentes valores que podemos poner en este atributo:

• application/x-www-form-urlencoded: Se codifican todos los caracteres convirtiendo los espacios en blanco en ‘+’ y los demás caracteres especiales se convierten en valores hexadecimales ASCII.
• multipart/form-data: No se codifican los caracteres, y solo se usa cuando el formulario envía/sube ficheros al servidor.
• text/plain: Sólamente se convierten ls espacios en blanco en caracteres ‘+’.

Listado de los nuevos atributos HTML5

En esta otra url tenéis todos los nuevos atributos HTML5 para inputs y formularios.

Listado de los nuevos input HTML5

En esta url tenéis el listado completo de los nuevos input de HTML5.