Campi di input di testo disabilitati Bootstrap

Questo articolo tratterà i seguenti argomenti:

• Come disabilitare il campo di immissione del 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: creare un modulo

Innanzitutto, crea un modulo utilizzando l'HTML ' elemento ':

Quindi, aggiungi un ' ” elemento e assegnagli una classe “ col-12 ”. All'interno dell'elemento

specificare la didascalia del modulo:

Produzione

Come disabilitare il campo di immissione del testo?

Per l'esempio in corso, seguire le istruzioni fornite:

• Dentro il ' ” elemento, dopo l'elemento legend, aggiungi un tag
  e assegnagli una classe “ gruppo di forma ”.
• Quindi, includi ' ' e ' ” rispettivamente per i campi didascalia e input. Assegna all'elemento di input una classe ' controllo della forma ”.
• Successivamente, assegna il ' Disabilitato ” attributo per disabilitare il campo di input:

Di seguito la spiegazione delle classi sopra citate:

• “ gruppo di forma ” è una classe flessibile che fornisce il modo più semplice per includere la struttura nei form.
• “ controllo della forma ” aggiunge automaticamente uno stile 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 Select Box?

Per creare una casella di selezione nel modulo, utilizzare l'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 utilizzando l'opzione ' Disabilitato 'attributo:

Produzione

Come disabilitare l'elemento di input della casella di controllo?

Facciamo un'altra casella di controllo del modulo. Per disabilitare la casella di controllo, il ' Disabilitato ” l'attributo è specificato come segue: