Manual de referencia HTML

大全 de etiquetas HTML

HTML: <input> atributo readonly

El atributo readonly del elemento input es un atributo booleano, si existe, especifica que el campo de entrada es de solo lectura, establece readonly para evitar que el usuario cambie el valor hasta que se cumplan algunas condiciones adicionales.

　HTML <input> etiqueta

Ejemplo en línea

Formulario HTML con campo de entrada solo lectura:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<título>HTML: <input> atributo readonly　-　Sitio web de tutorial básico(oldtoolbag.com)</título>
<body>
<form acción="action_page.php">
　　Correo electrónico: <input tipo="text" name="email"><br>
　　País: <input tipo="text" name="country" value="Noruega" readonly><br>
　　<input tipo="submit" value="Enviar">
</form>
</html>

Ver prueba ‹/›

Compatibilidad con navegadores

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la propiedad readonly.

Definición y uso

La propiedad readonly es una propiedad booleana.

Si existe, especifica el campo de entrada como solo de lectura.

Los campos de entrada solo de lectura no se pueden modificar (pero el usuario puede hacer tabulaciones, resaltar y copiar texto de ellos).

Se puede establecer la propiedad readonly para evitar que el usuario modifique el valor hasta que se cumplan otras condiciones (como seleccionar casillas de verificación, etc.). Luego, JavaScript puede eliminar el valor solo de lectura y hacer que el campo de entrada sea editable.

Nota:Los formularios seguirán enviando campos de entrada solo de lectura, pero no enviarán campos de entrada deshabilitados!

HTML 4.01 con HTML5diferencias

No hay.

Diferencias entre HTML y XHTML

En XHTML, se prohíben las abreviaturas de atributos, la propiedad readonly debe definirse como <input readonly="readonly" />。

Sintaxis

<input readonly>

　HTML <input> etiqueta

HTML: <template> etiqueta