Attributo width di HTML <input>

Tag HTML <input>

Definizione e uso

larghezza L'attributo definisce la larghezza dell'elemento <input>.

Attenzione:larghezza L'attributo è applicabile solo a: <input type="image"> Utilizzati insieme.

Suggerimento:Specificare altezza e larghezza dell'immagine è una buona abitudine. Se questi attributi sono impostati, quando la pagina viene caricata viene riservato lo spazio necessario per l'immagine. Senza questi attributi, il browser non può sapere le dimensioni dell'immagine e non può riservare uno spazio adeguato. Nel caso in cui la pagina e l'immagine vengono caricati, la layout della pagina può cambiare.

Esempio

Definire l'immagine come pulsante di invio, con attributi height e width:

<form action="/action_page.php">
  <label for="fname">Nome:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Cognome:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="image" src="img_submit.gif" alt="submit" width="48" height="48">
</form>

Prova da solo

Sintassi

<input width="pixel">

Valore dell'attributo

Valore Descrizione
pixel Definire la larghezza dell'elemento <input> in pixel (ad esempio height="100").

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta per la prima volta l'attributo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto Supporto 16.0 Supporto Supporto

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

Tag HTML <input>