Manual de referencia HTML

Completo de etiquetas HTML

HTML: <input> atributo width

HTML: atributo width de <input> especifica el ancho del elemento <input>, el atributo width solo se aplica a <input type="image">, si se establecen alto y width, se reserva el espacio necesario para la imagen al cargar la página.

　HTML <input> etiqueta

Ejemplo en línea

Define la imagen como botón de envío, las propiedades alto y ancho de los atributos45Píxeles:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<title>HTML: <input> atributo width　-　Sitio web de tutoriales básicos(oldtoolbag.com)</title>
<body>
<form action="action_page.php">
　　Nombre: <input type="text" name="fname"><br>
　　Apellido: <input type="text" name="lname"><br>
　　<input alt="Enviar" src="img_submit.gif" type="image" width="45"alto="45">
</form>
</body>
</html>

Ver prueba ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la propiedad width.

Definición y uso

La propiedad width especifica el ancho del elemento <input>.

Nota:La propiedad width solo se aplica a <input type="image">.

Consejo:Siempre se deben especificar tanto el atributo height como el atributo width de la imagen. Si se especifican height y width, se reserva el espacio necesario para la imagen en el momento de cargar la página. Sin embargo, si no se especifican estos atributos, el navegador no sabrá el tamaño de la imagen y no podrá reservar el espacio adecuado. El efecto es que el diseño de la página cambiará durante el proceso de carga (cuando se carga la imagen).

HTML 4.01 y HTML5diferencias entre

La propiedad width es de HTML5 Es la nueva propiedad del etiqueta <input> en <input>.

Sintaxis

<input width="píxeles">

Valor del atributo

Valor	Descripción
píxeles	Ancho en píxeles (por ejemplo width="100"）。

　HTML <input> etiqueta

HTML: <template> etiqueta