HTML <invoer> leesalleen - kenmerk
Voorbeeld
'n HTML-vorm met 'n leesalleen-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>
Definisie en gebruik
Die readonlyeienskap is 'n Boolese eienskap.
Wanneer dit teenwoordig is, spesifiseer dit dat 'n invoerveld leesalleen is.
'n Leesalleen-invoerveld kan nie gewysig word nie ('n gebruiker kan egter na dit oorslaan, dit uitlig en die teks daarvan kopieer).
Die readonlykenmerk kan gestel word om te verhoed dat 'n gebruiker die waarde verander totdat daar aan sekere ander voorwaardes voldoen is (soos om 'n merkblokkie te kies, ens.). Dan kan 'n JavaScript die leesalleen-waarde verwyder en die invoerveld redigeerbaar maak.
Let wel: 'n Vorm sal steeds 'n invoerveld indien wat leesalleen is, maar sal nie 'n invoerveld indien wat gedeaktiveer is nie!
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die kenmerk ten volle ondersteun.
| Attribute | |||||
|---|---|---|---|---|---|
| readonly | Yes | Yes | Yes | Yes | Yes |
Sintaksis
<input readonly>
❮ HTML <invoer> tag