Los últimos tutoriales de desarrollo web
 

HTML <input> width Attribute

<HTML <input> etiqueta

Ejemplo

Definir una imagen como el botón de enviar, con la height y la width atributos:

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>
Inténtalo tú mismo "

Definición y Uso

El width atributo especifica el ancho de la <input> elemento.

Nota: El width atributo se utiliza sólo con <input type="image"> .

Consejo: Siempre especifique tanto la height y la width los atributos de las imágenes.Si la altura y la anchura se establecen, el espacio requerido para la imagen está reservado cuando se carga la página. Sin embargo, sin estos atributos, el navegador no sabe el tamaño de la imagen, y no puede reservar el espacio correspondiente a la misma. El efecto será que el diseño de la página cambiará durante la carga (mientras que las imágenes de carga).


Soporte para el navegador

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

Atributo
width 1.0 16.0 1.0

Diferencias entre HTML 4.01 y HTML5

La width atributo es nuevo para el <input> etiqueta en HTML5.


Sintaxis

<input width="pixels">

Los valores de atributo

Valor Descripción
pixels La anchura en píxeles (por ejemplo width="100" )

<HTML <input> etiqueta