Esempio
Definire un'immagine come il pulsante di invio, con height e width attributi:
<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>
Prova tu stesso " Definizione e utilizzo
La width attributo specifica la larghezza del <input> elemento.
Nota: La width attributo viene utilizzato solo con <input type="image"> .
Suggerimento: Specificare sempre sia l' height e la width attributi per immagini.Se l'altezza e la larghezza sono impostati, lo spazio richiesto per l'immagine è riservato quando la pagina viene caricata. Tuttavia, senza questi attributi, il browser non conosce la dimensione dell'immagine, e non può riservare spazio appropriato ad esso. L'effetto sarà che il layout della pagina cambierà durante il caricamento (mentre le immagini caricate).
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'attributo.
| Attributo | |||||
|---|---|---|---|---|---|
| width | 1.0 | sì | 16,0 | sì | 1.0 |
Differenze tra HTML 4.01 e HTML5
La width attributo è nuova per il <input> tag in HTML5.
Sintassi
<input width="pixels">
I valori degli attributi
| Valore | Descrizione |
|---|---|
| pixels | La larghezza in pixel (ad esempio width="100" ) |