Curso de HTML - Formularios - atributo de solo lectura readonly
¿ Qué es HTML? Estructura interna Salto de línea Párrafo Títulos Enfasis Hipervínculo a otra página Hipervínculo a otro sitio WEB Imágenes en una página Hipervínculo en una imagen Apertura de un hipervínculo en otra instancia del navegador Enlace a un correo Anclas en la misma página Anclas en la otra página Lista ordenada Lista no ordenada Lista de definiciones Listas anidadas Tablas Tabla con encabezado Tabla con título Combinación de celdas Titulo de la pagina Contenido de la cabecera Comentarios en una página Caracteres especiales Formulario form Formulario input Formulario texarea Formulario checkbox Formulario radio Formulario Select 1 Formulario Select 2 Formulario Select 3 Formulario Button Formulario Button 2 Formulario type= Formulario - input type= Formulario - agrupamiento de controles Formulario - controles con valores iniciales Formulario - orden de foco de controles Formulario - Inhabilitar controles Formulario - Text/password y maxlength Formulario - text/password/textarea y readonly Formulario - Envío de datos mediante mail Formulario - label Frames Actualización de un frame Frames - Medidas Frames - propiedades Frames - Anidamiento iframes Declaración DOCTYPE HTML Transitional DOCTYPE. HTML Estricto DOCTYPE. para Frames Validación de enlaces Conceptos hojas de estilo Texto en CSS Elementos div y span Fuentes con CSS Elementos obsoletos de html

Formulario - atributo de solo lectura readonly

Un campo de entrada de solo lectura no se puede modificar (sin embargo, un usuario puede tabularlo, resaltarlo y copiar el texto). El atributo readonly se puede configurar para evitar que un usuario cambie el valor hasta que se cumplan 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. Un formulario seguirá enviando un campo de entrada que es de solo lectura, pero no enviará un campo de entrada que esté deshabilitado.

Otra propiedad que podemos asignarle a los controles que creamos con el elemento input y también el elemento textarea es readonly. Si definimos la propiedad readonly a un control el mismo es de solo lectura y no podemos modificar su contenido. Esta propiedad tiene uso cuando mediante un lenguaje de script (generalmente javascript) modificamos el control cambiandolo de estado ante ciertos eventos.

Cuando un control tiene la propiedad readonly el control toma foco pero no se puede cambiar su contenido. La diferencia con la propiedad disabled es que con esta no toma foco el control y generalmente aparece con un color que indica que el control está deshabilitado.

Confeccionemos un formulario que aparezca el nombre de una empresa en un text y el texto de un contrato en un textarea, ambos de solo lectura.

<html>
<head>
<title>Prueba de formulario</title>
</head>
<body>
<form action="registrar44.php" method="post">
Ingrese su nombre: <input type="text" name="nombre" size="30" value="Interpolacion" readonly><br>
Contrato:<br> <textarea name="comentarios" rows="5" cols="60" readonly>
Por la presente .............................. </textarea>
<br>
<input type="submit" value="Enviar">
</form>
</body>
</html>
Ver ejemplo