Skip to main content

Vad är HTML -radioknappar?

I ett hypertext Markup Language (HTML) -dokument är radioknappar en typ av visuellt element som kan väljas av en användare.HTML -radioknappar är unika, eftersom de erbjuder användaren flera alternativ men bara tillåter ett av de givna alternativen att väljas vid en tidpunkt.En av de vanligaste användningarna för HTML-radioknappar är att fånga ett val inom användarinmatningsformer, även om de också kan få sitt val och avvalshändelser avlyssnas av skript eller andra program, vilket gör att de kan fungera som omedelbara väljare för andra element påen webbsida.Genom användning av kaskadstilblad (CSS) och JavaScript Reg ;, HTML -radioknappar kan använda anpassade bilder för visning och åsidosätta deras standardutseende.Exempel på situationer där HTML -radioknappar kan användas inkluderar att välja ett kön, som bara kan ha ett värde från två olika alternativ, eller att välja en enda leveransadress när flera adresser listas.

I vissa aspekter är HTML -radioknappar liknandetill HTML -kryssrutor.Varje knapp tilldelas en bild eller ett textetikett som visas där knappen finns i en layout.Bredvid denna etikett finns en cirkel som är tom när radioknappen inte är vald och har en prick eller annat fyllningsmönster inuti den när den väljs.En användare kan klicka på cirkeln för att välja den;Den unika aspekten av HTML-radioknappar är att när en knapp är vald är alla andra knappar i samma grupp avvalda, vilket gör att endast ett objekt väljs åt gången.Detta är till skillnad från kryssrutor, som är liknande men tillåter valfritt alternativ att väljas på en gång.

Det finns två värden inom egenskaperna för HTML -radioknappar som är viktiga för deras användning.Det första är namnfältet som identifierar den grupp som en radioknapp tillhör inom ett HTML -dokument, och det andra är värdet.När en knapp är vald avmarkeras alla andra radioknappar med samma namn, även kallade deras grupp.Att använda olika gruppnamn gör att olika uppsättningar av radioknappar kan existera i samma dokument.Värdetaggen är det faktiska returvärdet för radioknappen när den väljs och skickas till ett skript eller program för behandling.

Den visuella visningen av HTML -radioknappar kan modifieras på några sätt.Genom användning av standard HTML- och CSS -justeringsvärden kan knapparna dynamiskt ordnas i ett dokument på ungefär samma sätt som en bild är inriktad.Utseendet på knapparna, specifikt cirkeln och valda cirkelbilder, kan anpassas fullständigt och ersättas med användargenererade bilder genom att manipulera dokumentobjektmodellen (DOM) med CSS och JavaScript , även om webbläsarstöd inte alltid är konsekvent från en applikationtill en annan.