Bootstrap | Solo lea Entrada y TextARea

A menudo, para registrarse para cualquier solicitud, tenemos que proporcionar algunas credenciales a la solicitud. Al hacer el perfil, puede experimentar que las principales credenciales como el nombre, el correo electrónico y la contraseña ya se muestran. Estas credenciales se leen solo y no se pueden modificar.

Usando bootstrap, el "" y ""Se puede leer solo utilizando el"solo lectura" atributo. El texto de entrada solo de lectura no se puede modificar. Sin embargo, se puede tabilar y resaltar para copiar el contenido.

Esta publicación te guiará:

• Cómo hacer lectura solo campos de entrada en bootstrap?
• Cómo hacer solo leer el campo TextAREA en bootstrap?

Cómo hacer lectura solo campos de entrada en bootstrap?

Para hacer una lectura de texto solamente, el "solo lecturaSe puede utilizar el atributo. Antes de continuar, crearemos un archivo HTML para la demostración.

Prerrequisito: cree un HTML y agregue campos de entrada

Para crear un archivo HTML, siga las instrucciones a continuación:

• Crear un ""Elemento y asignarlo una clase"P-4". Esta clase agrega espacio de acolchado en todos los lados del elemento.
• Luego, agregue el ""Elemento para mencionar la leyenda del elemento de entrada. Es "para"El atributo debe coincidir con el"identificación"De la etiqueta" ".
• Para agregar un campo de entrada de texto, coloque el ""Etiqueta con el" Tipo "," ID "," Clase "," Valor "y" Readonly "atributos.
• El "tipo"Atributo con el valor"texto"Especifica el campo de entrada de texto.
• El "identificación"Define una identificación única para el elemento.
• El "clase"El atributo está configurado con la clase Bootstrap"control de forma". Esta clase proporciona un ancho completo a los elementos para que respondan.
• El "valor"Define el valor en el campo de entrada de texto.
• El "solo lectura"El atributo crea el texto de solo lectura. Indica que no se puede editar o modificar.

Html

Introduzca su nombre

Introduce tu correo electrónico

Producción

Cómo hacer solo leer los campos TextARea en Bootstrap?

El "solo lectura"El atributo se puede especificar en el""Elemento para hacerlo lectura. Además, la etiqueta HTML "" hace un control de entrada de texto de múltiples líneas.

Para una mejor comprensión, consulte el código dado y el resultado relevante:

Añadir la nota
La educación es la clave del éxito.

Producción

Eso se trataba de hacer elementos de lectura "" y "" en Bootstrap.

Conclusión

El "solo lectura"El atributo se utiliza para hacer"" y ""Elementos solo lee. Para que solo se lea el campo de entrada, este atributo se coloca dentro de la etiqueta de inicio del elemento "". Sin embargo, para que se lea el control de entrada de texto de múltiples líneas, el atributo "Readonly" se colocará dentro de la etiqueta de inicio del elemento "". Esta publicación ha guiado relacionados con el procedimiento para hacer que la entrada y el área de texto.