Attributo di larghezza <input> HTML
Esempio
Definisci un'immagine come pulsante di invio, con attributi di altezza e larghezza:
<form action="/action_page.php">
<label for="fname">First name:</label>
<input type="text" id="fname"
name="fname"><br><br>
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname"><br><br>
<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>
Definizione e utilizzo
L' width
attributo specifica la larghezza <input>
dell'elemento.
Nota: l' width
attributo viene utilizzato solo con
<input type="image">
.
Suggerimento: specifica sempre gli
attributi height
e per le immagini.
width
Se sono impostate altezza e larghezza, lo spazio necessario per l'immagine viene riservato al caricamento della pagina. Tuttavia, senza questi attributi, il browser non conosce la dimensione dell'immagine e non può riservarle lo spazio appropriato. L'effetto sarà che il layout della pagina cambierà durante il caricamento (durante il caricamento delle immagini).
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente l'attributo.
Attribute | |||||
---|---|---|---|---|---|
width | Yes | Yes | 16.0 | Yes | Yes |
Sintassi
<input width="pixels">
Valori di attributo
Value | Description |
---|---|
pixels | The width in pixels (e.g. width="100") |
❮ Tag HTML <input>