¿Cómo especificar que un grupo de elementos de formulario relacionados debe deshabilitarse usando HTML?

En este artículo, aprenderemos cómo especificar que un grupo de elementos de formulario relacionados debe deshabilitarse usando HTML. Cuando el atributo deshabilitado está presente, especifica que el campo de entrada está deshabilitado. No podemos escribir ningún contenido en un campo de entrada deshabilitado .

Enfoque: Usaremos el atributo disabled con el elemento <fieldset>. El atributo deshabilitado para el elemento <fieldset> en HTML se usa para especificar que el grupo de elementos de formulario relacionados está deshabilitado. Un conjunto de campos deshabilitado no se puede hacer clic ni se puede usar. Es un atributo booleano.

Sintaxis:

<fieldset disabled>content</fieldset>

Ejemplo:

HTML

<html>
<body style="text-align:center">
    <h2>How to specify that a group of related
      form elements should be disabled using HTML ?
    </h2>
    <p>This field set is disabled.</p>
    <!-- A disabled fieldset -->
    <fieldset disabled>
        Name: <input type="text"><br>
        Password: <input type="text"><br>
        <input type="submit" value="Click me">
  
    </fieldset>
    <p>This field set is not disabled.</p>
    <!-- Not a disabled fieldset -->
    <fieldset>
        Name: <input type="text"><br>
        Password: <input type="text"><br>
        <input type="submit" value="Click me">
    </fieldset>
</body>
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por hritikbhatnagar2182 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 *