Atributo width del <input> de HTML

Etiqueta <input> de HTML

Definición y uso

Ancho El atributo especifica el ancho del elemento <input>.

Nota:Ancho Los atributos solo se aplican a <input type="image"> usar juntos.

Consejo:Es una buena práctica especificar la altura y el ancho de la imagen. Si se establecen estos atributos, se reservará el espacio necesario para la imagen cuando se cargue la página. Si no se establecen estos atributos, el navegador no sabrá el tamaño de la imagen y no podrá reservar el espacio adecuado. En el caso de que la página y la imagen se carguen al mismo tiempo, el diseño de la página cambiará.

Ejemplo

Definir una imagen como botón de envío, con propiedades de altura y ancho:

<form action="/action_page.php">
  <label for="fname">Nombre：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Apellido:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="image" src="img_submit.gif" alt="enviar" width="48" height="48">
</form>

Prueba por tu cuenta

Sintaxis

<input width="píxeles">

Valor del atributo

Valor Descripción
píxeles Define el ancho del elemento <input> en píxeles (por ejemplo, height="100").

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que primero admitió esta propiedad.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte 16.0 Soporte Soporte

Nota:Ancho El atributo es una nueva propiedad del atributo <input> en HTML5.

Etiqueta <input> de HTML