Forskjellen mellom en radioknapp & Dropdown
En av de beste måtene å gi nettside eller blogg besøkende muligheten til å foreta raske valg er ved å legge en rullegardinmenyen til siden din. Fordi folk skal forstå hvordan disse menyene fungerer, kan de bruke dem uten instruksjon. Du har også muligheten til å bruke radioknapper som utvalgsfunksjon; folk vanligvis forstår disse også. Mens begge kontrollene utfører lignende oppgaver, skiller de i noen viktige områder du bør forstå.
Grunnleggende Radio Button
Mennesker skaper radioknapper ved å legge til inngangskoder til sine websider. Denne fleksible tag har også muligheten til produkt vanlige knapper, avmerkingsbokser og tekstbokser. Når du setter en inngang tag type attributt til "radio", nettlesere viser en alternativknapp. Radioknapper, i motsetning til i boksene, tillate folk å velge bare én verdi som standard. For eksempel, hvis knappene vises "Summer" og "Winter", besøkende kan bare velge ett av disse sesongene. Det er en god idé å legge til en "None" -knappen til en gruppe på om det er mulig at folk ikke trenger å velge noen av de andre knappene.
Drop-down menyer
Du kan ikke lage en rullegardinmenyen ved hjelp av et inngangssignal, men du kan lage en rullegardinmeny vises på en webside ved å legge til en utvalgt tag i HTML-dokumentet. Denne taggen består av en åpning "<Velg>" tag og en avsluttende "</ velg>" tag. Når du plasserer <alternativ> tags mellom disse utvalgte kodene, verdiene av disse opsjons kodene blir menypunktene folk ser når de klikker på menyen for å åpne den. Mange nettsteder inneholder en blanding av kontroller som kan bestå av drop-down menyer og alternativknapper.
Fordeler og ulemper
En av de beste funksjonene i en rullegardinmeny er den kompakte størrelsen. Hvis du trenger å gi folk muligheten til å velge mange elementer, sette disse elementene i en rullegardinmenyen, og besøkende kan klikke på menyen for å vise elementene. Fordi rullegardinmenyer bruker bare en liten mengde av vertikal plass, trenger du ikke å fylle opp siden din med element valg. Alternativknapper, på den annen side bruker så mye plass som det tar å vise alle knappene. Hvis du trenger å vise månedene av året, for eksempel dine radioknapper forbruker hvor mye plass det tar å vise alle 12 måneder, slik at radioknapper er best når du bare har ønsker å tilby noen alternativer. På denne måten trenger leserne ikke må gå gjennom flere trinn - for eksempel klikke på og aktivere en rullegardinmeny - for å svare på undersøkelsen, eller velg et alternativ.
Radio Button tips
Fordi dataskjermer er bredere enn de er høye, kan du spare vertikal plass når du bruker radioknappene ved å legge dem ut horisontalt i stedet for vertikalt. Det er også en god idé å gruppere radioknapper i en div container. Når du gjør det, kan du utføre operasjoner på div som påvirker alle knappene. For eksempel, hvis du ønsker å flytte knapper til en ny side beliggenhet, rett og slett flytte div i stedet for å prøve å flytte hver knapp individuelt. Du kan også gjøre alle knapper forsvinner på en gang ved å kalle en Javascript-funksjon som gjør div forsvinne.
Rullegardinmenyen tips
Den raskeste måten å lage en rullegardinmeny er å legge til en utvalgt tag i HTML-dokumentet kropp delen. Hvis du ikke vet HTML godt, kan en HTML-editor som Dreamweaver eller lage rullegardinmenyer for deg. Du bare forteller programmet de verdiene som du ønsker på menyen for å inneholde. Hvis du vet Javascript, kan du lage dynamiske drop-down menyer som endres. Dynamiske menyer er kraftige kontroller fordi du kan legge til nye elementer til dem og fjerne eksisterende programmatisk. Du kan også manipulere radioknapper og alle andre HTML-elementer ved hjelp av Javascript.