Atributo de ancho de <entrada> HTML

❮ Etiqueta HTML <entrada>

Ejemplo

Defina una imagen como el botón de envío, con atributos de alto y ancho:

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

Definición y uso

El widthatributo especifica el ancho del <input>elemento.

Nota: el widthatributo se usa solo con <input type="image">.

Sugerencia: especifique siempre los atributos heighty para las imágenes. widthSi se establecen alto y ancho, el espacio requerido para la imagen se reserva cuando se carga la página. Sin embargo, sin estos atributos, el navegador no conoce el tamaño de la imagen y no puede reservarle el espacio adecuado. El efecto será que el diseño de la página cambiará durante la carga (mientras se cargan las imágenes).


Compatibilidad con navegador

Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el atributo.

Attribute
width Yes Yes 16.0 Yes Yes

Sintaxis

<input width="pixels">

Valores de atributos

Value Description
pixels The width in pixels (e.g. width="100")

❮ Etiqueta HTML <entrada>