Skapa kryssrutor i HTML
Kryssrutor är interaktiva element som används för att tillåta användare att välja ett eller flera alternativ från en lista. De är grundläggande för formulär och enkäter och ger ett enkelt sätt att samla in användarinställningar.
- Börja med <ingången> tagg: Det grundläggande kryssruteelementet definieras med <input> taggen med typattributet inställt på "kryssruta".
- Ange typen "kryssruta": <input> taggen ska se ut så här: <input type="checkbox">.
- Lägg till en etikett (valfritt): För bättre användbarhet rekommenderar vi att du associerar en etikett med kryssrutan med <label> märka. Placera etiketttexten inuti <label> taggen och associera den med kryssrutan med <för> attribut.
- Ange attributet 'name': Attributet 'name' är avgörande för att identifiera kryssrutans värde när formuläret skickas. Varje kryssruta bör ha ett unikt namn.
- Lägg till andra attribut (valfritt): Du kan lägga till andra attribut som "id" och "värde" för att anpassa kryssrutans utseende och funktionalitet.
Jämförelse av kryssrutaattribut
| Attribut | Standardvärde | Möjliga värden | Beskrivning |
|---|---|---|---|
markerad |
Nej | Ja/Nej | Anger om kryssrutan är markerad från början. |
storlek |
N/A | Heltal (1-32) | Anger den visuella storleken på kryssrutan. |
värde |
N/A | Sträng/nummer | Värdet som skickades när kryssrutan är markerad. |
Kryssrutor används ofta i formulär för att tillåta användare att välja flera alternativ, som att acceptera villkoren eller välja sin föredragna leveransmetod.
Copyright ©dielode.pages.dev 2026