Atributo readonly de <input> en HTML

Etiqueta <input> de HTML

Definición y uso

Propiedad La propiedad especifica que el campo de entrada sea de solo lectura.

Propiedad La propiedad es una propiedad booleana.

Si se ha configurado esta propiedad, especifica que el campo de entrada es de solo lectura.

Los campos de entrada de solo lectura no pueden ser modificados (pero el usuario puede usar la tecla tab para ubicarse en él, resaltarlo y copiar el texto de él).

puede configurarse Propiedad usando JavaScript cuando se cumplan ciertas otras condiciones (como seleccionar una casilla de verificación, etc.). Propiedad el valor y hace que el campo de entrada sea editable.

Nota:El formulario aún enviará el campo de entrada solo de lectura, ¡pero no enviará el campo de entrada deshabilitado!

Ejemplo

Incluye un campo de entrada solo de lectura en un formulario HTML:

<form action="/action_page.php">
  <label for="country">País：</label>
  <input type="text" id="country" name="country" value="China" readonly><br><br>
  <input type="submit" value="Enviar">
</form>

Prueba por ti mismo

Sintaxis

<input readonly>

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Etiqueta <input> de HTML