Campi di input di testo disabilitato bootstrap
Questo articolo coprirà i seguenti argomenti:
- Come disabilitare il campo di input di testo?
- Come disabilitare l'opzione Select Box?
- Come disabilitare l'elemento di input della casella di controllo?
- Come disabilitare l'elemento di input del pulsante?
Prerequisito: crea una forma
Innanzitutto, crea una forma utilizzando l'HTML ""Elemento:
Quindi, aggiungi un ""Elemento e assegnarlo una classe"Col-12". All'interno dell'elemento Specificare la didascalia del modulo:
Produzione
Come disabilitare il campo di input di testo?
Per l'esempio in corso, seguire le istruzioni fornite:
- Dentro il ""Elemento, dopo l'elemento Legend, aggiungi un tag e assegnalo una classe"gruppo di forma".
- Quindi, includi "" E ""Elementi per i campi di didascalia e input, rispettivamente. Assegna l'elemento di input una classe "forma di controllo".
- Dopodiché, alloca il "Disabilitato"Attributo per rendere disabilitato il campo di input:
Di seguito è riportata la spiegazione delle classi sopra menzionate:
- "gruppo di forma"È una classe flessibile che fornisce il modo più semplice per includere la struttura in forme.
- "forma di controllo"Aggiunge automaticamente lo styling agli elementi del modulo.
Produzione
Aggiungi un altro campo di input senza "Disabilitato"Attributo:
Si può osservare che il primo campo di input è disabilitato e il secondo è abilitato:
Come disabilitare l'opzione della casella Seleziona?
Per creare una casella selezionata nel modulo, utilizzare HTML ""Elemento. IL ""Gli elementi vengono quindi aggiunti per selezionare gli elementi della casella.
In questo esempio, si noti che la seconda opzione è impostata come disabilitata usando "Disabilitato"Attributo:
Produzione
Come disabilitare l'elemento di input della casella di controllo?
Facciamo un'altra casella di controllo del controllo del modulo. Per rendere disabilitato la casella di controllo, il "Disabilitato"L'attributo è specificato come segue: