Manuale di riferimento HTML

Completo elenco dei tag HTML

HTML: <input> attributo width

L'attributo width dell'elemento HTML input definisce la larghezza dell'elemento <input>, l'attributo width è applicabile solo all'<input type="image">, se sono impostati height e width, viene riservato lo spazio necessario per l'immagine durante il caricamento della pagina.

　HTML <input> etichetta

Esempio online

Definire l'immagine come pulsante di invio, altezza e larghezza delle proprietà di 45 pixel:

Esempio

<!DOCTYPE html>
<html>
<head>
<title>HTML: <input> attributo width - Base tutorial sito (oldtoolbag.com)</title>
<body>
<form action="action_page.php">
　　Nome: <input type="text" name="fname"><br>
　　Cognome: <input type="text" name="lname"><br>
　　<input type="image" src="img_submit.gif" alt="Submit" width="45" height="45">
</form>
</body>
</html>

Prova a vedere ‹/›

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano l'attributo width.

Definizione e uso

L'attributo width specifica la larghezza dell'elemento <input>.

Attenzione:L'attributo width è applicabile solo all'etichetta <input type="image">.

Suggerimento:Specifica sempre sia l'altezza che la larghezza dell'immagine come attributi. Se impostati, l'altezza e la larghezza dell'immagine vengono mantenuti durante il caricamento della pagina. Tuttavia, se non sono presenti questi attributi, il browser non conosce la dimensione dell'immagine e non può riservare lo spazio adeguato. L'effetto è che la layout della pagina cambia durante il caricamento (quando l'immagine viene caricata).

Differenze tra HTML 4.01 e HTML5

L'attributo width è una nuova proprietà dell'etichetta <input> in HTML5.

Sintassi

<input width="pixels">

Valore dell'attributo

Valore	Descrizione
pixels	Larghezza in pixel (ad esempio width="100").

　HTML <input> etichetta

HTML: <template> etichetta