Atributo HTML <entrada> de solo lectura
Ejemplo
Un formulario HTML con un campo de entrada de solo lectura:
<form
action="/action_page.php">
<label for="country">Country:</label>
<input type="text"
id="country" name="country" value="Norway" readonly><br><br>
<input type="submit" value="Submit">
</form>
Definición y uso
El readonly
atributo es un atributo booleano.
Cuando está presente, especifica que un campo de entrada es de solo lectura.
Un campo de entrada de solo lectura no se puede modificar (sin embargo, un usuario puede tabular, resaltarlo y copiar el texto).
El readonly
atributo se puede configurar para evitar que un usuario cambie el valor hasta que se cumplan algunas 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.
Nota: ¡Un formulario aún enviará un campo de entrada que es de solo lectura, pero no enviará un campo de entrada que esté deshabilitado!
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el atributo.
Attribute | |||||
---|---|---|---|---|---|
readonly | Yes | Yes | Yes | Yes | Yes |
Sintaxis
<input readonly>
❮ Etiqueta HTML <entrada>