Definición y Uso
El readonly atributo es un atributo booleano.
Cuando está presente, especifica que un campo de entrada o textarea is de sólo lectura.
Un campo de sólo lectura no se puede modificar (sin embargo, un usuario puede tabular a ella, resaltarlo, y copiar el texto de la misma).
El readonly atributo se puede establecer para mantener un usuario cambie el valor hasta que se cumplan algunas otras condiciones (como la selección de una casilla de verificación, etc.). Entonces, un JavaScript puede quitar el valor de sólo lectura, y hacer que el campo de entrada editable.
Se aplica a
El readonly atributo se puede usar en los siguientes elementos:
| Elementos | Atributo |
|---|---|
| <input> | readonly |
| <textarea> | readonly |
Ejemplos
Input Ejemplo
Un formulario HTML con un campo de entrada de sólo lectura:
<form
action="demo_form.asp">
Country:
<input type="text" name="country" value="Norway" readonly><br>
<input type="submit" value="Submit">
</form>
Inténtalo tú mismo " Textarea Ejemplo
Un área de texto de sólo lectura:
<textarea readonly>
At w3ii.com you will learn how to make a website. We offer free
tutorials in all web development technologies.
</textarea>
Inténtalo tú mismo " Soporte para el navegador
El readonly atributo tiene el siguiente soporte de los navegadores para cada elemento:
| Elemento | |||||
|---|---|---|---|---|---|
| input | 1.0 | 6.0 | 1.0 | 1.0 | 1.0 |
| textarea | Sí | Sí | Sí | Sí | Sí |