Este escrito cubrirá los siguientes temas:
- ¿Cómo deshabilitar el campo de entrada de texto?
- ¿Cómo deshabilitar la opción de casilla de selección?
- ¿Cómo deshabilitar el elemento de entrada de la casilla de verificación?
- ¿Cómo deshabilitar el elemento de entrada del botón?
Requisito previo: crear un formulario
Primero, cree un formulario utilizando el HTML “
< formulario >< / formulario >
Luego, agrega un “
< conjunto de campo clase = 'col-md-12' >
< leyenda >Formulario de Inscripción de Estudiantes< / leyenda >
< / conjunto de campo >
Producción
¿Cómo deshabilitar el campo de entrada de texto?
Para el ejemplo en curso, siga las instrucciones dadas:
- Dentro de '
', después del elemento de la leyenda, agregue una etiqueta y asígnele una clase ' grupo de forma ”.- Luego, incluya “
' y ' ” elementos para los campos de entrada y título, respectivamente. Asigne al elemento de entrada una clase ' control de forma ”. - Después de eso, asigne el “ desactivado ” atributo para deshabilitar el campo de entrada:
< división clase = 'grupo de forma' >
< etiqueta >Introduce tu Nombre
< aporte escribe = 'texto' clase = 'control de forma' inhabilitado>
< / etiqueta >
< / división >La siguiente es la explicación de las clases mencionadas anteriormente:
- “ grupo de forma ” es una clase flexible que proporciona la forma más sencilla de incluir estructura en formularios.
- “ control de forma ” añade estilo automáticamente a los elementos del formulario.
Producción
Agregue otro campo de entrada sin el ' desactivado ' atributo:
< división clase = 'grupo de forma' >
< etiqueta >Entra tu Padre Nombre
< aporte escribe = 'texto' clase = 'control de forma' >
< / etiqueta >
< / división >Se puede observar que el primer campo de entrada está deshabilitado y el segundo está habilitado:
¿Cómo deshabilitar la opción de cuadro de selección?
Para crear un cuadro de selección en el formulario, utilice el HTML '
' elemento. Él ' A continuación, se añaden elementos a los elementos del cuadro de selección. En este ejemplo, observe que la segunda opción está configurada como deshabilitada usando el botón “ desactivado ' atributo:
< división clase = 'grupo-forma' >
< etiqueta > Desactivado Seleccionar cuadro
< Seleccione clase = 'control de forma' >
< opción >seleccionar < / opción >
< opción inhabilitado> Desactivado seleccionar< / opción >
< opción >Menú< / opción >
< / Seleccione >
< / etiqueta >
< / división >Producción
¿Cómo deshabilitar el elemento de entrada de la casilla de verificación?
Hagamos otra casilla de verificación de control de formulario. Para desactivar la casilla de verificación, el ' desactivado El atributo ” se especifica de la siguiente manera:
< división clase = 'verificación de formulario' >
< etiqueta clase = 'formulario-verificar-etiqueta' >
< aporte clase = 'formulario-comprobar-entrada' escribe = 'caja' inhabilitado>
Usted puede no revises esto
Producción
¿Cómo deshabilitar el elemento de entrada del botón?
También puede agregar un elemento de botón HTML para el envío del formulario. Ahora, deshabilitemos este botón utilizando el botón ' desactivado ' clase:
< botón escribe = 'entregar' clase = ' btn btn-primary btn-lg deshabilitado' >Enviar< / botón >Producción
Se trataba de desactivar los campos de entrada en Bootstrap.
Conclusión
En Bootstrap, los controles de formulario se pueden deshabilitar usando el ' desactivado ” atributo o clase. El atributo se coloca dentro de la etiqueta inicial del elemento. Por otro lado, el “ desactivado La clase ” se coloca dentro de la “ clase ' atributo. Este artículo ha proporcionado ejemplos para ilustrar cómo deshabilitar los controles de formulario en Bootstrap.
- Luego, incluya “