HTML <input> atrybut tylko do odczytu
Przykład
Formularz HTML z polem wejściowym tylko do odczytu:
<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>
Definicja i użycie
Atrybut jest readonly
atrybutem logicznym.
Gdy jest obecny, określa, że pole wejściowe jest tylko do odczytu.
Pole wejściowe tylko do odczytu nie może być modyfikowane (jednak użytkownik może przejść do niego tabulatorem, podświetlić je i skopiować z niego tekst).
readonly
Atrybut 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.
Uwaga: formularz nadal prześle pole wejściowe, które jest tylko do odczytu, ale nie prześle pola wejściowego, które jest wyłączone!
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje ten atrybut.
Attribute | |||||
---|---|---|---|---|---|
readonly | Yes | Yes | Yes | Yes | Yes |
Składnia
<input readonly>
❮ Znacznik HTML <input>