HTML <input> alleen-lezen kenmerk
Voorbeeld
Een HTML-formulier met een alleen-lezen invoerveld:
<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>
Definitie en gebruik
Het readonlyattribuut is een booleaans attribuut.
Indien aanwezig, specificeert het dat een invoerveld alleen-lezen is.
Een alleen-lezen invoerveld kan niet worden gewijzigd (een gebruiker kan er echter naartoe gaan, het markeren en de tekst ervan kopiëren).
Het readonlyattribuut kan worden ingesteld om te voorkomen dat een gebruiker de waarde wijzigt totdat aan een aantal andere voorwaarden is voldaan (zoals het selecteren van een selectievakje, enz.). Vervolgens kan een JavaScript de alleen-lezen waarde verwijderen en het invoerveld bewerkbaar maken.
Opmerking: een formulier verzendt nog steeds een invoerveld dat alleen-lezen is, maar verzendt geen invoerveld dat is uitgeschakeld!
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die het kenmerk volledig ondersteunt.
| Attribute | |||||
|---|---|---|---|---|---|
| readonly | Yes | Yes | Yes | Yes | Yes |
Syntaxis
<input readonly>
❮ HTML <input>-tag