Come disabilitare i pulsanti bootstrap

I pulsanti sono i componenti cliccabili in qualsiasi applicazione. Possono eseguire funzioni diverse, come generare eventi, inviare moduli ed eseguire qualsiasi azione. Tuttavia, ci sono diversi stati di pulsanti, come attivi e carichi, che vengono utilizzati in base alla situazione. Più specificamente, il "Disabilitato"Attributo o classe viene anche utilizzato per renderli non cliccabili o inutilizzabili.

Questo post illustrerà come disabilitare i pulsanti in bootstrap.

Come disabilitare i pulsanti in bootstrap?

L'HTML “"L'elemento può essere utilizzato per creare pulsanti in HTML. Quindi, è rilevante "Disabilitato"L'attributo può rendere il pulsante disabilitato.

Esempio

In HTML, aggiungi due tag a pulsanti associati a “classe"Attributo e specificare le seguenti classi:

• IL "btn"La classe viene utilizzata per aggiungere stili generali ai pulsanti.
• IL "btn-lg"La classe crea un pulsante grande.
• IL "Btn-Success"Crea una classe con un colore verde.
• IL "PX-4"La classe definisce l'imbottitura nell'asse X all'interno della classe:

pulsante
pulsante

Si può osservare che abbiamo disabilitato correttamente il secondo pulsante della nostra pagina web:

Come disabilitare i pulsanti creati con Bootstrap?

I pulsanti creati con il ""Il tag è specificato con la classe"Disabilitato". In particolare, il "Disabilitato"L'attributo non funziona su di esso.

Esempio

In questo esempio, il "Href"Attributo nel""Il tag viene utilizzato per aggiungere un collegamento al pulsante. Il valore "#"È assegnato, che rappresenta un collegamento fittizio. IL "classe"L'attributo è specificato con le classi come spiegato nell'esempio sopra:

clicca qui
clicca qui

Produzione

Come disabilitare i pulsanti creati con il bootstrap?

Gli elementi dei pulsanti che vengono creati con ""I tag possono essere resi disabilitati utilizzando il"Disabilitato"Attributo.

Esempio

Nel file HTML, aggiungi i seguenti codici per creare pulsanti. Aggiungere ""Elemento con l'attributo"tipo","classe", E "valore", Dove:

• IL "tipo"L'attributo specifica il tipo di elemento.
• IL "valore"Attributo imposta il testo sui pulsanti.
• IL "Disabilitato"L'attributo è specificato nel primo pulsante per fare la differenza in entrambi i pulsanti:

Produzione

Si tratta solo di disabilitare i pulsanti in bootstrap.

Conclusione

Per disabilitare i pulsanti in bootstrap, prima crea un pulsante usando "btn" classe. Quindi, specifica il “Disabilitato"Attributo nel tag di avvio dell'elemento pulsante per rappresentarli come inutilizzabili. Tuttavia, questo attributo non funziona sui pulsanti creati con ""Tag, quindi viene assegnata la classe" disabilitata "bootstrap. Questo articolo ha illustrato la procedura per disabilitare i pulsanti in bootstrap.