Hvordan lage en radioknapp i en HTML5-form - dummies

For å inkludere radioknapper på HTML5 websiden din, hjelper det å vite hva de er og hvordan de skal brukes. På overflaten ser radioknappene ut som kryssboksene, men de er forskjellige på en rekke viktige måter:

• Radio-knapper forekommer bare i grupper. Du kan ha en avkrysningsboks på et skjema, men radioknappene er bare fornuftige når de plasseres i grupper.

• Bare ett element kan velges. Valg av en radioknapp deaktiverer de andre. Det er som en bilradio, hvor du klikker på en av de forhåndsinnstilte knappene, fjerner de andre. (Det er virkelig som de gamle bilradioene, der hvis knappen for den valgte stasjonen ble fysisk presset inn, ville de andre knappene skryte ut. Selv om den typen radio er langt borte, fortsetter navnet.)

• id for hver radioknapp er unik. Hvert ID på en nettside må være unikt, og id-elementene på hver radioknapp følger disse reglene.

• Hvert radioelement har også et navn attributt. Navnetattributtet brukes til å angi hele gruppen av radiobjekter.

• Alle radioknapper i en gruppe har samme navn. HTML bruker navnetattributtet for å finne ut hvilken gruppe en radioknapp er inne, og for å sikre at bare en knapp i en gruppe er valgt.

Denne figuren viser et skjema som inneholder en gruppe radioknapper for å velge Liten, Middels eller Stort: ​​

Ta kontakt med følgende kode for å se oppsettet for en nettside med knapper:

formDemo. html

Form Demo
Valg av elementer
Radioknapper små mellomstore

For å bygge en gruppe radioknapper, følg disse trinnene:

1. Begynn med å lage et input element for å fungere som det grunnleggende fundamentet.

2. Still inn typen til radio .

3. Gi hver radioknapp et unikt id .

4. Bruk navnattributtet til å identifisere alle knappene i en gruppe.

5. Vurder også visuell gruppering.

   Brukeren vil ikke kunne fortelle hvilke knapper som er en del av en gruppe ved hjelp av HTML-formatering alene. Du kan bruke feltets eller andre formateringstrykk for å hjelpe brukeren å vite hvilke knapper som er i hvilken gruppe. Alle knapper i en gruppe skal være fysisk nær hverandre.

6. Gjør en av knappene valgt (valgt) som standard.

   Bruk det merkede merket "kontrollert" attributtet (levert av avdelingen for redundansavdeling) til ett av elementene, slik at det vil begynne å bli sjekket.

   Hvis du ikke forhåndsvelger en radioknapp, blir programmer som er knyttet til skjemaet forvirret.