Atributo HTML de solo lectura
Definición y uso
El readonlyatributo es un atributo booleano.
Cuando está presente, especifica que un campo de entrada o área de texto es de solo lectura.
Un campo de solo lectura no se puede modificar (sin embargo, un usuario puede tabular, resaltarlo y copiar el texto).
El readonlyatributo se puede configurar para evitar que un usuario cambie el valor hasta que se cumplan algunas otras condiciones (como seleccionar una casilla de verificación, etc.). Luego, un JavaScript puede eliminar el valor de solo lectura y hacer que el campo de entrada sea editable.
Se aplica a
El readonlyatributo se puede utilizar en los siguientes elementos:
| Elementos | Atributo |
|---|---|
| <entrada> | solo lectura |
| <área de texto> | solo lectura |
Ejemplos
Ejemplo de entrada
Un formulario HTML con un campo de entrada de solo lectura:
<form
action="/action_page.php">
Country:
<input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="Submit">
</form>
Ejemplo de área de texto
Un área de texto de solo lectura:
<textarea readonly>
At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
</textarea>
Compatibilidad con navegador
El readonlyatributo tiene el siguiente soporte de navegador para cada elemento:
| Element | |||||
|---|---|---|---|---|---|
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| textarea | Yes | Yes | Yes | Yes | Yes |