CSS deaktivert

CSS deaktivert

Et kaskaderende stilark er en viktig del av å lage og designe en webside. “Deaktivert” er en velger i CSS, og den brukes i taggene for å deaktivere elementene i HTML. Denne velgeren brukes på HTML -skjemaene inkludert tekstfeltene, knappene, avkrysningsrutene osv. I denne artikkelen vil vi se hvordan funksjonshemmede funksjoner brukes på de forskjellige elementene i HTML.

Deaktivert tekstfelt

Et tekstfelt er en seksjon der brukeren legger inn sine innspill som skal lagres på nettstedet. Dette tekstfeltet er utviklet som et aktivert tekstfelt for å få verdien fra brukeren. Men i noen tilfeller, for å begrense brukerinngangen angående en etikett eller brukerinformasjon, kan det hende vi må deaktivere noen tekstfelt. I dette eksemplet vil vi se hvordan tekstfeltet kan deaktiveres gjennom HTML og CSS.

Vi starter koden med hodeseksjonen. Tittelen er gitt til websiden vi jobber med. Etter det bruker vi stilkoden for å legge til alle stylingegenskapene til innholdet som vi lager i HTML -kroppen. I tillegg til det enkle funksjonshemmede tekstfeltet, bruker vi også noen ekstra elementer for å enkelt utdype arbeid og funksjonalitet til funksjonshemmede og aktiverte elementer.

I stilkoden har vi først den aktiverte inngangstekstfeltet. Vi oppretter tre tekstfelt i HTML-porsjon-to er aktivert mens den tredje er deaktivert. Inngangstypen for feltet er "tekst". Det betyr at den bare vil godta en tekst. Så vi bruker CSS -kodene for de aktiverte tekstfeltene.

1
Input [type = tekst]: aktivert

Dette vil bare style de tekstfeltene som er satt til å være aktivert. Vi bruker lysegrå som bakgrunnsfarge på begge feltene. Tilsvarende, etter den aktiverte tekstfeltet, er CSS erklært for det funksjonshemmede tekstfeltet. For å diskriminere det funksjonshemmede tekstfeltet fra den aktiverte, er bakgrunnsfargen mørk grå, og skriftfargen er satt til hvit.

For å bruke noen effekter på alle feltene, enten aktivert eller deaktivert, bruker vi bare "input" -ordet. Ved å gjøre dette brukes stilene på alle de tre tekstfeltene. Den første effekten er margin-toppen. Denne "margin" -funksjonen er det overskredede området for formen. For eksempel har den rektangulære tekstfeltet 10 piksler margin fra toppretning. Det betyr at i topp retning er feltet 10 piksler oppover.

1
2
3
input
Margin-top: 10px;

Tilsvarende, etter marginen, blir også grensen til formen brukt med størrelsen på grensen og fargen som er satt som brun. For tekststørrelsen som legges inn i tekstfeltet, for å gjøre teksten lett lesbar, setter vi størrelsen på skriften til 16 piksler.

1
2
3
4
5
grense: 1px fast brun;
Font-størrelse: 16px;

En annen funksjon som brukes i CSS er hele innholdet som er opprettet i HTML -kroppen for å vises i midten av websiden. Vi bruker ganske enkelt taggen for kroppen. Dette er fordi innholdet er opprettet i kroppsdelen av HTML -taggene. Siden alt innholdet er i teksttypen, bruker vi ganske enkelt tekstjusteringen til sentrum.

1
2
3
4
5
Kropp
Tekst-align: sentrum;

Langs tekstfeltet er det en overskrift eller en etikett som er gitt for å demonstrere formålet med tekstfeltet, eller som dataene skal legges inn i tekstfeltet. Denne etiketten er også stylet gjennom CSS. Vekten av en skrift er egenskapen som brukes på teksten for å gjøre den enten fet, kursiv osv. Her valgte vi vekten som fet.

1
Fontvekt: fet;

Nå, på vei mot kroppsdelen av HTML, blir overskriften gitt ved å bruke

stikkord. Siden tekstfeltene og knappene er den delen av et skjema, brukes taggen her. Vi erklærer en enkelt tag for det aktiverte tekstfeltet.

1
2
3


Etiketten er gitt som "alder". Tekstfeltet er erklært gjennom inngangstypen. Verdien er seksjonen som inneholder navnet eller plassholderen for å bære ethvert ord som vises på tekstfeltet. De
Tag er for pausen, som bytter til neste linje. Nå er det funksjonshemmede tekstfeltet erklært ved å bruke "adresse" -etiketten. Etter å ha levert inngangsteksten, erklærer vi "deaktivert" for å gjøre tekstfeltet deaktivert.

1

Etter det er formkroppen lukket. HTML -kodene er også lukket.

Når vi utfører filen i nettleseren, vil du se at utgangen ser ut som det vedlagte bildet. Alle tre etikettene sammen med tekstfeltene vises. To av dem er aktivert, mens den tredje er deaktivert. All CSS -styling som vi gjorde, blir brukt på innholdet. Det funksjonshemmede feltet er mørkt for å skille mellom den aktiverte og funksjonshemmede.

Nå får vi se hvordan denne formen fungerer. Vi kan legge inn verdiene til de to første feltene da de er aktivert. Navnet og alderen er lagt inn i feltene.

Nå ser vi det funksjonshemmede tekstfeltet. Du vil se at det ikke kan redigeres som i de forrige felt.

Tekstområde deaktivert

Vi vil bruke et tekstområde for å gjøre det deaktivert som i feltet. Alle kodene for HTMLs hode og kropp brukes på samme måte. En ny funksjonsknapp er stylet i kroppen. Dette inkluderer farge, høyde og bredde på knappen.

Inne i kroppsdelen av HTML opprettes et tekstområde. Vi definerer radene og kolonnene for å danne et spesifisert rektangel for skriveformålet. Ordet "deaktivert" legges til på taggen for å deaktivere tekstområdet til å fungere.

1

I tillegg til dette legger vi til en knapp på nettsiden; det vil ikke være deaktivert. Etter det er et skjema lukket etter taggen.

Når nettsiden blir utført i nettleseren, opprettes et tekstområde med standarduttalelsen som ble gitt da vi brukte tekstområdet -taggen inne i HTML -kroppen. Dette kan ikke redigeres eller fjernes på grunn av funksjonshemmede som fungerer.

Konklusjon

Deaktivert er en funksjon som brukes til å deaktivere noen arbeid av HTML -innholdet. Snakker om eksemplet, blir det brukt på skjemaet. Vi har for det meste sett at mens vi fyller noe skjema på nettstedet, kan noen felt ikke redigeres i henhold til behovene til vår kvalifisering. Dette gjøres ved å gjøre dette feltet deaktivert. Vi forklarte de to elementene som kan deaktiveres i HTML- og CSS -kodene som er tekstfeltene og tekstområdet. Begge elementene er en del av formkoden, så opprettelsen av tekstfeltet og tekstområdet gjøres inne i skjemadaggen. Ellers vil bare teksten vises på nettsiden.