Alleen-lezen HTML - kenmerk
Definitie en gebruik
Het readonlyattribuut is een booleaans attribuut.
Indien aanwezig, specificeert het dat een invoerveld of tekstgebied alleen-lezen is.
Een alleen-lezen veld kan niet worden gewijzigd (een gebruiker kan er echter naar taben, 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.
Geldt voor
Het readonlyattribuut kan op de volgende elementen worden gebruikt:
| elementen | Attribuut |
|---|---|
| <invoer> | alleen lezen |
| <tekstgebied> | alleen lezen |
Voorbeelden
Invoervoorbeeld
Een HTML-formulier met een alleen-lezen invoerveld:
<form
action="/action_page.php">
Country:
<input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="Submit">
</form>
Voorbeeld tekstgebied
Een alleen-lezen tekstgebied:
<textarea readonly>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Browserondersteuning
Het readonlyattribuut heeft de volgende browserondersteuning voor elk element:
| Element | |||||
|---|---|---|---|---|---|
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| textarea | Yes | Yes | Yes | Yes | Yes |