HTML <input> atributo somente leitura
Exemplo
Um formulário HTML com um campo de entrada somente leitura:
<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>
Definição e uso
O readonly
atributo é um atributo booleano.
Quando presente, especifica que um campo de entrada é somente leitura.
Um campo de entrada somente leitura não pode ser modificado (no entanto, um usuário pode tabular até ele, realçá-lo e copiar o texto dele).
O readonly
atributo pode ser definido para impedir que um usuário altere o valor até que algumas outras condições sejam atendidas (como marcar uma caixa de seleção etc.). Em seguida, um JavaScript pode remover o valor somente leitura e tornar o campo de entrada editável.
Observação: um formulário ainda enviará um campo de entrada que é somente leitura, mas não enviará um campo de entrada desativado!
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que suporta totalmente o atributo.
Attribute | |||||
---|---|---|---|---|---|
readonly | Yes | Yes | Yes | Yes | Yes |
Sintaxe
<input readonly>
❮ Tag HTML <input>