For å style elementet, bør CSS være nok. Men, det er ikke nok nok med hensyn til tilgjengelighet. Vi presenterer EasyDropDown.js, en gratis jQuery-plugin for å dekke alle disse feilene.
EasyDropDown.js kan enkelt style det gammeldags utvalgselementet på websiden din med mange funksjoner. Etter elementet har blitt brukt med dette pluginet, vil det få full tastaturkontroll med tekstsøk. Dette verktøyet gir også en indre rulle for elementer i lange lister for å begrense rullegardinmenyen. Skjema og validering er også tilgjengelig som hjelper med kompatibilitet.
Installasjon
For å installere EasyDropDown, ta først med jQuery-biblioteket til websiden din. Pass på at du også inkluderer javascript (få det her) slik:
Og CSS-filen inne i head taggen:
.. ..
Hvis du bruker et annet tema, må du sørge for å kopiere filene i webmappen din. Ikke bekymre deg fordi du ikke trenger å inkludere dem i HTML for å ringe dem.
Styling Velg
Når du bruker EasyDropDown.js, kan du bygge en tilpassbar rullegardinmeny med en ren, semantisk markering. De select elementene kan bare utformes i HTML. Du kan deaktivere elementet, definere et valgt alternativ eller legge til en etikett enkelt .
For å style det må du først og fremst inkludere en dropdown i kodene. En etikett kan legges ved å gi en label inne i alternativet. Her er det grunnleggende oppslaget:
Det er det, du trenger ikke noe egendefinert javascript å legge til. Nå den elendige, gammeldags har blitt til en vakker, fancy drop-down inngang.
Hvis du vil legge til et forhåndsvalgt alternativ, gi du bare rullegardinmenyen med selected attributt. Vi anbefaler at du ikke bruker etiketten med denne innstillingen, da den valgte verdien vil overstyre etiketten .
... ...
Du kan også deaktivere rullegardinmenyen ved hjelp av disabled attributt som slik:
...
Klar til å bruke temaer
EasyDropDown.js kommer med 2 flere klar-til-bruk temaer: Metro og Flat . Hvis du vil bruke temaene, kan du bruke HTML5 data-attribute .
Inne i tag, ring data-settings='{"wrapperClass":"theme-name"}' å bruke et annet tema. Du er velkommen til å endre theme-name med de tilgjengelige tema navnene: metro eller flat . Her er eksemplet:
...
Ved siden av wrapperClass er det flere innstillinger du kan legge til, se dokumentasjonssiden for detaljene. Hvis du er kult med javascript kode, kan du se veiledningen der.
Det er så mye å lære HTML og HTML-referansesiden er laget for å hjelpe . Hvert HTML-element har sin grunnlag og attributter som følger med det.HTML-referanse dekker alle disse elementene og attributter, sammen med mer spesifikke egenskaper, for eksempel hvilke koder som er selvlukkende, og hvilke koder som standard er blokknivå vs. inli
Sosialmediahåndteringsverktøy er himmelen sendt, spesielt når du administrerer flere sosiale medier-kontoer og plattformer. Det samme gjelder for Pinterest. Hvis du bruker Pinterest for virksomheten din, trenger du ikke bare å forholde deg til innlegget til det bildebaserte nettstedet, men også å jonglere gjennom innlegg til andre sosiale medier, engasjere med tilhengerne og spore innleggene dine for å nevne blant annet.Men ve