Atrybut <input> readonly w HTML

Tag HTML <input>

Definicja i użycie

Atrybut readonly Właściwość określa pole wejściowe jako tylko do odczytu.

Atrybut readonly Właściwość jest właściwością logiczną.

Jeśli ta właściwość jest ustawiona, określa ona, że pole wejściowe jest tylko do odczytu.

Pole tylko do odczytu nie może być modyfikowane (ale użytkownik może go znaleźć za pomocą klawisza tab, podświetlić go i skopiować tekst z niego).

można ustawić Atrybut readonly zabezpiecza wartość, aby użytkownik nie mógł zmienić jej wartości, aż do spełnienia pewnych innych warunków (np. zaznaczenia pola wyboru itp.). Następnie JavaScript może usunąć Atrybut readonly Wartość i umożliwia edycję pola wejściowego.

Uwaga：Formularz nadal będzie wysyłał pole wejściowe tylko do odczytu, ale nie będzie wysyłał wyłączonego pola wejściowego!

Przykład

HTML formularz zawiera pole wejściowe tylko do odczytu:

<form action="/action_page.php">
  <label for="country">Kraj：</label>
  <input type="text" id="country" name="country" value="China" readonly><br><br>
  <input type="submit" value="Wyślij">
</form>

Spróbuj sam

Gramatyka

<input readonly>

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Tag HTML <input>