Atributo somente leitura HTML
Definição e uso
O readonlyatributo é um atributo booleano.
Quando presente, especifica que um campo de entrada ou área de texto é somente leitura.
Um campo somente leitura não pode ser modificado (no entanto, um usuário pode tabular até ele, realçá-lo e copiar o texto dele).
O readonlyatributo 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.
Aplica-se a
O readonlyatributo pode ser usado nos seguintes elementos:
| Elementos | Atributo |
|---|---|
| <entrada> | somente leitura |
| <textarea> | somente leitura |
Exemplos
Exemplo de entrada
Um formulário HTML com um campo de entrada somente leitura:
<form
action="/action_page.php">
Country:
<input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="Submit">
</form>
Exemplo de área de texto
Uma área de texto somente leitura:
<textarea readonly>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Suporte ao navegador
O readonlyatributo tem o seguinte suporte do navegador para cada elemento:
| Element | |||||
|---|---|---|---|---|---|
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| textarea | Yes | Yes | Yes | Yes | Yes |