HTML <input> widthAtributo

HTML input 标签参考手册Etiqueta HTML <input>

Ejemplo

Define una imagen como botón de envío, con los atributos height y width:

<form action="demo_form.html">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="image" src="img_submit.gif.html" alt="Submit" width="48" height="48">
</form>

Pruébalo »

Soporte del navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los navegadores principales admiten el atributo width.

Definición y uso

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

Nota:El atributo width solo se aplica a <input type="image">.

Consejo:Es una buena práctica especificar los atributos height y width para las imágenes. Si se establecen estos atributos, se reserva el espacio necesario para la imagen cuando se carga la página. Sin estos atributos, el navegador no puede conocer las dimensiones de la imagen y, por lo tanto, no puede reservar el espacio adecuado. Como resultado, el diseño de la página puede cambiar durante la carga de la página y la imagen.

Diferencias entre HTML 4.01 y HTML5

El atributo width es un atributo nuevo de la etiqueta <input> en HTML5.

Sintaxis

<input width="pixels">

Valores de atributo

Valor Descripción
pixels El ancho en píxeles (por ejemplo, width="100").

HTML input 标签参考手册Etiqueta HTML <input> Otras extensiones