Attributo HTML <input> di sola lettura

❮ Tag HTML <input>

Esempio

Un modulo HTML con un campo di input di sola lettura:

<form action="/action_page.php">
  <label for="country">Country:</label>
  <input type="text" id="country" name="country" value="Norway" readonly><br><br>
  <input type="submit" value="Submit">
</form>

Definizione e utilizzo

L' readonlyattributo è un attributo booleano.

Quando presente, specifica che un campo di input è di sola lettura.

Un campo di input di sola lettura non può essere modificato (tuttavia, un utente può visualizzarlo con una scheda, evidenziarlo e copiarne il testo).

L' readonlyattributo può essere impostato per impedire a un utente di modificare il valore fino a quando non sono state soddisfatte altre condizioni (come selezionare una casella di controllo, ecc.). Quindi, un JavaScript può rimuovere il valore di sola lettura e rendere modificabile il campo di input.

Nota: un modulo invierà comunque un campo di input che è di sola lettura, ma non invierà un campo di input disabilitato!


Supporto browser

I numeri nella tabella specificano la prima versione del browser che supporta completamente l'attributo.

Attribute
readonly Yes Yes Yes Yes Yes

Sintassi

<input readonly>

❮ Tag HTML <input>