El atributo de solo lectura en HTML se usa para crear una entrada de texto no editable. Pero en el caso de CSS, la propiedad pointer-events se usa para detener los eventos de puntero.
Sintaxis:
pointer-events: none;
Ejemplo 1: este ejemplo muestra dos textos de entrada, uno de los cuales no es editable.
<!DOCTYPE html>
<html>
<head>
<title>
Disable Text Input field
</title>
<style>
.inputClass {
pointer-events: none;
}
</style>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
Non-editable:<input class="inputClass"
name="input" value="GeeksForGeeks">
<br><br>
Editable:<input class="inputClass2"
name="input" value="GeeksForGeeks">
</body>
</html>
Producción:
Ejemplo 2: Este ejemplo crea dos textos de entrada, ambos no editables.
<!DOCTYPE html>
<html>
<head>
<title>
Disable Text Input field
</title>
<style>
.inputClass {
pointer-events: none;
}
</style>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksForGeeks
</h1>
Non-editable:<input class="inputClass"
name="input" value="GeeksForGeeks">
<br><br>
Non-Editable:<input class="inputClass"
name="input" value="GeeksForGeeks">
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA