CSS Deaktiver -knapp

Når du designer en webside eller et dynamisk nettsted, kan det være lurt å deaktivere en hvilken som helst funksjon ved å begrense eller ikke la brukeren få tilgang til den. For eksempel er knappen eller et hvilket som helst tekstfelt deaktivert i henhold til kravet. Front-end-språkene brukes til dette formålet. Dette inkluderer både HTML og CSS -kodene i å lage og designe objektene.

Et kaskaderende stilark brukes til å legge til spesielle funksjoner til innholdet som er opprettet gjennom HTML -kodene. CSS er også skrevet i form av tagger og kan erklæres på tre måter. Vi bruker den interne stiltilnærmingen. HTML -kodene er ganske enkle å implementere sammen med CSS. Brukeren må være klar over det grunnleggende om begge språkene.

Implementering av deaktiveringsknapp

Først bruker vi HTML -kodene bare for å lage knapper. Når HTML -kodene for oppretting av knappen er forstått, vil det være lett for oss å legge CSS til knappen.

Fra og med HTML -taggene erklærer vi hoveddelen. Inne i hodeseksjonen erklærer vi tittelen på siden, som vises i fanen i nettleseren. Deretter lukker vi tittelen og hodemerket. Deretter erklærer vi kroppskoden. Inne i kroppen bruker vi Div -taggen. En beholder som brukes til å inneholde og justere innholdet i en spesifisert form er kjent som en DIV -beholder. I HTML er det innebygde tagger for flere funksjoner som brukes ved å bruke deres åpnings- og lukkekoder. Tilsvarende oppretter taggen en knapp. Vi lager to knapper. Vi aktiverer en knapp og deaktiver den andre. Dette gjøres ganske enkelt ved å legge til nøkkelordet "deaktivert" i knappen. På denne måten kan vi aktivere eller deaktivere arbeid av en knapp på nettsiden ved å bruke de enkle HTML -kodene.

Ikke deaktivert
Funksjonshemmet

Siden vi bare må opprette to knapper, lukker du alle taggene og lagrer filen. For å kjøre nettsiden du opprettet, åpner du filen i nettleseren.

Når vi utfører koden, vil vi se at det opprettes to knapper. Den ene er aktivert, mens den andre er deaktivert. Knappen og teksten på den deaktiverte knappen er i en lettere fargetone og ser ut til å være uskarpt, noe som gjør at knappen ser ut som en tekst i en blokk. Dette betyr at knappen ikke fungerer.

Deaktiver knappen i CSS

Nå bruker vi både HTML og CSS for å deaktivere den spesifikke knappen. Den delen av Div Creation er nesten den samme, men CSS -kodene vil bli lagt til i hodeseksjonen, noe som gjør en intern styling. Under tittelkodene, inne i hodeseksjonen, åpner du stilkoden.