Es un atributo booleano que se utiliza para especificar que el texto escrito en el elemento de entrada o área de texto es de solo lectura. Significa que un usuario no puede modificar o cambiar un contenido ya presente en un elemento en particular (sin embargo, un usuario puede tabularlo, resaltarlo y copiar el texto). Mientras que un JavaScript se puede usar para cambiar el valor de solo lectura y hacer que el campo de entrada sea editable.
Elementos: este atributo se utiliza con dos elementos que se enumeran a continuación:
- <input>: se utiliza como atributo de solo lectura para leer solo el contenido.
- <text-area> Se utiliza para contener el atributo de solo lectura.
Ejemplo 1
<input readonly>
<!DOCTYPE html> < html > < head > < title >readonly attribute</ title > < style > body { text-align: center } h1, h2 { color: green; font-style: italic; } </ style > </ head > < body > < h1 >GeeksForGeeks</ h1 > < h2 >readonly attribute in Input Element</ h2 > < form action = "" > Email: < input type = "text" name = "email" > < br > Country: < input type = "text" name = "country" value = "Noida" readonly> < br > < input type = "submit" value = "Submit" > </ form > </ body > </ html > |
Ejemplo:2
<textarea readonly>
<!DOCTYPE html> < html > < head > < title >readonly attribute</ title > < style > body { text-align: center; } h1, h2 { color: green; font-style: italic; } </ style > </ head > < body > < h1 >GeeksForGeeks</ h1 > < h2 >readonly attribute in input Element</ h2 > < textarea rows = "4" cols = "40" readonly> GeeksForGeeks is a good website for learning computer science. It is a computer science portal for geeks. </ textarea > </ body > </ html > |
Navegadores compatibles: los navegadores compatibles con el atributo de solo lectura se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA