Definição e Uso
O readonly atributo é um atributo booleano.
Quando presente, especifica que um campo de entrada ou textarea is somente leitura.
Um campo somente leitura não pode ser modificado (no entanto, um usuário pode guia-lo, destaque-o e copiar o texto a partir dele).
O readonly atributo pode ser configurado para manter um usuário de alterar o valor até que algumas outras condições tenham sido cumpridas (como seleccionar uma caixa de verificação, etc.). Em seguida, um JavaScript pode remover o valor de somente leitura, e fazer o campo de entrada editável.
Aplica-se a
O readonly atributo pode ser usado nos seguintes elementos:
| elementos | Atributo |
|---|---|
| <input> | readonly |
| <textarea> | readonly |
Exemplos
Input Exemplo
Um formulário HTML com um campo de entrada de somente leitura:
<form
action="demo_form.asp">
Country:
<input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="Submit">
</form>
Tente você mesmo " Textarea Exemplo
Uma área de texto somente leitura:
<textarea readonly>
At w3ii.com you will learn how to make a website. We offer free
tutorials in all web development technologies.
</textarea>
Tente você mesmo " Suporte a navegadores
O readonly atributo tem o seguinte suporte ao navegador para cada elemento:
| Elemento | |||||
|---|---|---|---|---|---|
| input | 1.0 | 6 | 1.0 | 1.0 | 1.0 |
| textarea | sim | sim | sim | sim | sim |