HTML | <textarea> atributo de solo lectura

El atributo de solo lectura <textarea> en HTML se usa para especificar que el elemento textarea es de solo lectura. Si el área de texto es de solo lectura, su contenido no se puede cambiar, pero se puede copiar y resaltar. Es un atributo booleano.
Sintaxis: 
 

<textarea readonly> Contents... </textarea>

Ejemplo 1: este ejemplo utiliza el atributo de solo lectura <textarea> para escribir contenido en el área de texto de entrada que solo se puede leer. 
 

html

<!DOCTYPE html>
<html>
    <head>
        <title>
            HTML Textarea readonly Attribute
        </title>
    </head>
     
    <body style = "text-align:center">    
         
        <h1 style = "color: green;">
            GeeksforGeeks
        </h1>
         
        <h2>
            HTML Textarea readonly Attribute
        </h2>
         
         
 
<p>A readonly Textarea.</p>
 
 
     
        <!--A readonly Textarea-->
        <textarea readonly>This textarea field is readonly.
        </textarea>
    </body>
</html>                   

Producción: 
 

textareareadonly

Ejemplo 2: este ejemplo utiliza el atributo de solo lectura <textarea> para escribir contenido en el área de texto de entrada que solo se puede leer. 
 

html

<!DOCTYPE html>
<html>
    <head>
        <title>
            HTML Textarea readonly Attribute
        </title>
    </head>
     
    <body style = "text-align:center">    
         
        <h1 style = "color: green;">
            GeeksforGeeks
        </h1>
         
        <h2>
            HTML Textarea readonly Attribute
        </h2>
         
         
 
<p>A readonly Textbox.</p>
 
      
         
        <textarea readonly="readonly" cols="15" rows="5">
            This textarea can't be edited it is readonly only.
        </textarea>
    </body>
</html>                   

Producción: 
 

textareareadonly

Navegadores compatibles: los navegadores compatibles con el atributo de solo lectura <textarea> se enumeran a continuación: 
 

  • safari de manzana 4
  • Google cromo 1
  • Borde 12
  • Firefox 1
  • Ópera 12.1
  • explorador de Internet 6

Publicación traducida automáticamente

Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *