Atrybut HTML tylko do odczytu
Definicja i użycie
Atrybut jest readonlyatrybutem logicznym.
Gdy jest obecny, określa, że pole wejściowe lub obszar tekstowy jest tylko do odczytu.
Pola tylko do odczytu nie można modyfikować (jednak użytkownik może do niego przejść tabulatorem, podświetlić je i skopiować z niego tekst).
readonlyAtrybut można ustawić tak, aby uniemożliwić użytkownikowi zmianę wartości, dopóki nie zostaną spełnione inne warunki (takie jak zaznaczenie pola wyboru itp.) . Następnie JavaScript może usunąć wartość tylko do odczytu i umożliwić edycję pola wejściowego.
Dotyczy
Atrybutu readonlymożna użyć na następujących elementach:
| Elementy | Atrybut |
|---|---|
| <wejście> | tylko czytać |
| <obszar tekstowy> | tylko czytać |
Przykłady
Przykład wejścia
Formularz HTML z polem wejściowym tylko do odczytu:
<form
action="/action_page.php">
Country:
<input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="Submit">
</form>
Przykład obszaru tekstowego
Obszar tekstowy tylko do odczytu:
<textarea readonly>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Obsługa przeglądarki
readonlyAtrybut ma następującą obsługę przeglądarki dla każdego elementu :
| Element | |||||
|---|---|---|---|---|---|
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| textarea | Yes | Yes | Yes | Yes | Yes |