Vad är HTML -radioknappar?

I ett HYP -dokument (Hypertext Markup Language (HTML) ä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ändarinmatningsformulär, även om de också kan ha 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® kan HTML -radioknappar 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 välja en enda leveransadress när flera adresser listas.

I vissa aspekter liknar HTML -radioknappar 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, alla andra radioknappar med SAME -namn, även kallad deras grupp, är borttagna. Genom att använda olika gruppnamn gör det möjligt för olika uppsättningar av radioknappar att existera i samma dokument. Värde -taggen är det faktiska returvärdet för radioknappen när den väljs och skickas till ett skript eller ett program för bearbetning.

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, särskilt 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 applikation till en annan.

ANDRA SPRÅK

Hjälpte den här artikeln dig? Tack för feedbacken Tack för feedbacken

Hur kan vi hjälpa? Hur kan vi hjälpa?