Atributo readonly do <input> HTML

Etiqueta <input> de HTML

Definição e uso

A propriedade readonly O atributo determina que o campo de entrada é de leitura apenas.

A propriedade readonly O atributo é um atributo booleano.

Se este atributo estiver configurado, ele determina que o campo de entrada é de leitura apenas.

Os campos de entrada de leitura não podem ser alterados (mas o usuário pode usá-los a tecla Tab para localizá-los, destacá-los e copiar o texto).

pode ser configurado A propriedade readonly para evitar que o usuário altere o valor até que sejam satisfeitas algumas outras condições (como a seleção de caixas de seleção, etc.). Então, o JavaScript pode excluir A propriedade readonly O valor e torna o campo de entrada editável.

Atenção：O formulário ainda submeterá o campo de entrada só leitura, mas não submeterá o campo de entrada desativado!

Exemplo

HTML formulário contendo um campo de entrada só leitura:

<form action="/action_page.php">
  <label for="country">País：</label>
  <input type="text" id="country" name="country" value="China" readonly><br><br>
  <input type="submit" value="Enviar">
</form>

Experimente você mesmo

Sintaxe

<input readonly>

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Etiqueta <input> de HTML