¿Cómo deshabilitar la lista desplegable en HTML5?

El menú desplegable se utiliza para crear una lista de elementos que necesitan seleccionar un elemento. Usamos los elementos <select> y <option> para crear una lista desplegable y usamos el atributo disabled en el elemento <select> para deshabilitar el elemento de la lista desplegable. Una lista desplegable deshabilitada no se puede hacer clic y no se puede usar. Es un atributo booleano.

Sintaxis:

<select disabled> Option values... </select>

Valor de atributo:

  • disabled: el atributo deshabilitado <select> se usa para especificar que el elemento de selección está deshabilitado. Una lista desplegable deshabilitada no se puede hacer clic y no se puede usar. Es un atributo booleano.

Ejemplo:

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to disabled drop-down list in HTML5?
    </title>
</head>
  
<body style="text-align: center;">
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
  
    <h3>
        How to disabled drop-down list in HTML5?
    </h3>
  
    <select disabled>
        <option value="c">C</option>
        <option value="cpp">C++</option>
        <option value="java">Java</option>
        <option value="python">Python</option>
    </select>
</body>
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por ppatelkap y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *