57 of 133 menu

Radioknapp

En radioknapp representerar ett HTML-formulärelement i form av en rund knapp som kan vara markerad eller inte.

En radioknapp skapas med taggen input med attributet type satt till radio. Utseende:

En enskild radioknapp används nästan aldrig ensam, de bör användas i grupp. I en grupp kan endast en av knapparna vara markerad. Knapparna kommer att bilda en grupp endast om de har samma värde på attributet name (se exempel nedan).

Exempel

Låt oss skapa två radioknappar: den första kommer att vara markerad (sätt attributet checked), och den andra - inte. Samtidigt kommer knapparna att representera en grupp där endast en av dem kan vara markerad (eftersom de har samma värde på attributet name).

Observera att dessa radioknappar har olika värden på attributet value. Detta behövs för att PHP, efter att data skickats till servern, ska kunna avgöra vilken knapp som var vald:

<input type="radio" name="test" checked value="1"> <input type="radio" name="test" value="2">

:

Exempel

Låt oss nu skapa två grupper med radioknappar: den första gruppen kommer att ha ett värde på attributet name, och den andra - ett annat. Låt oss prova att klicka på dem, och vi kommer att se att grupperna växlar oberoende av varandra:

<input type="radio" name="radio1" checked> <input type="radio" name="radio1"> <input type="radio" name="radio1"> <br> <input type="radio" name="radio2" checked> <input type="radio" name="radio2"> <input type="radio" name="radio2">

:

Se även

  • kryssruta,
    som kan användas för att implementera en kryssruta
  • attributet checked,
    som markerar radioknappen
  • pseudoklassen checked,
    som anger stilar för markerade radioknappar
  • attributet disabled,
    som blockerar formulärelement
  • taggen label,
    som anger en etikett för radioknappen
Svenska
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Vi använder kakor för webbplatsens funktion, analys och personalisering. Behandling av data sker i enlighet med Integritetspolicyn.
acceptera alla anpassa avvisa