Pulsante Disabilita CSS

Durante la progettazione di una pagina Web o un sito Web dinamico, è possibile che si desideri disabilitare qualsiasi funzionalità limitando o non consentendo all'utente di accedervi. Ad esempio, il pulsante o qualsiasi campo di testo è disabilitato in base al requisito. Le lingue front-end sono utilizzate per questo scopo. Ciò include sia HTML che i tag CSS nella creazione e nella progettazione degli oggetti.

Un foglio di stile a cascata viene utilizzato per aggiungere funzionalità speciali al contenuto creato tramite i tag HTML. CSS è anche scritto sotto forma di tag e può essere dichiarato in tre modi. Applichiamo l'approccio dello stile interno. I tag HTML sono abbastanza facili da implementare insieme a CSS. L'utente deve essere a conoscenza delle basi di entrambe le lingue.

Implementazione del pulsante Disabilita

Innanzitutto, utilizziamo i tag HTML solo per creare pulsanti. Una volta compresi i tag HTML per la creazione del pulsante, sarà facile per noi aggiungere il CSS al pulsante.

A partire dai tag HTML, dichiariamo la sezione testa. All'interno della sezione della testa, dichiariamo il titolo della pagina, che appare nella scheda del browser. Quindi, chiudiamo il titolo e il tag Head. Quindi, dichiariamo l'etichetta del corpo. All'interno del corpo, usiamo il tag DIV. Un contenitore che viene utilizzato per contenere e allinea il suo contenuto in una forma specificata è noto come contenitore di div. Nell'HTML, ci sono tag integrati per diverse funzionalità utilizzate utilizzando i loro tag di apertura e chiusura. Allo stesso modo, il tag crea un pulsante. Creiamo due pulsanti. Abilitiamo un pulsante e disabilitiamo l'altro. Questo viene fatto semplicemente aggiungendo la parola chiave "disabilitata" al pulsante. In questo modo, possiamo abilitare o disabilitare il funzionamento di un pulsante nella pagina Web utilizzando i semplici tag HTML.

Non disabilitato
Disabilitato

Dal momento che dobbiamo creare solo due pulsanti, chiudere tutti i tag, quindi salvare il file. Per eseguire la pagina Web creata, aprire il file nel browser.

Quando eseguiamo il codice, vedremo che vengono creati due pulsanti. Uno è abilitato, mentre l'altro è disabilitato. Il pulsante e il testo sul pulsante disabilitato sono in tono di colore più chiaro e sembra essere sfocato, rendendo il pulsante come un testo in un blocco. Ciò significa che il pulsante non funzionerà.

Disabilita il pulsante in CSS

Ora, utilizziamo sia HTML che CSS per disabilitare il pulsante specifico. La parte della creazione di Div è quasi la stessa, ma i tag CSS verranno aggiunti alla sezione testa, creando uno stile interno. Sotto i tag del titolo, all'interno della sezione testa, apri il tag di stile.