Programación y ejemplos de PHP, jQuery, HTML5, WordPress, MySQL, AMP y htaccess


Atributos height y width HTML5 para inputs de tipo image

Vamos a revisar en este sencillo post los atributos height y width HTML5. Dichos atributos de alto y ancho solo se pueden aplicar a los input de tipo ‘image’, así de esta manera podemos jugar con las dimensiones de la imagen que sustituye al botón de enviar formularios.

Recomiendo meter un input de tipo ‘image’ por formulario para no liar al navegador a resolver el submit a ejecutar.

Sintaxis de los atributos height y width HTML5

Según la documentación oficial la sintaxis de estos atributos HTML5 es:

Tal y como veis la sintaxis es idéntica a la que se suele poner en las etiquetas ‘img’.

Ejemplo de los atributos height y width HTML5

He preparado este ejemplo de los atributos con el mismo código que la sintaxis superior para que los veais funcionando:

En el código superior podéis ver un formulario con método POST, que contiene un input de tipo ‘text’ y otro de tipo ‘image’ con los mencionados atributos height y width.

Solo tenemos que entrar en la url del ejemplo y comprobar el funcionamiento.

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.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies

Centro de preferencias de privacidad

Cookies imprescindibles

para medir la audiencia

ga,gdpr