HTML <input type="radio">
Voorbeeld
Radioknoppies laat 'n gebruiker slegs een van 'n beperkte aantal keuses kies:
<input type="radio" id="html" name="fav_language" value="HTML">
<label
for="html">HTML</label><br>
<input type="radio" id="css" name="fav_language"
value="CSS">
<label for="css">CSS</label><br>
<input type="radio" id="javascript"
name="fav_language" value="JavaScript">
<label for="javascript">JavaScript</label>
Definisie en gebruik
Die <input type="radio">
definieer 'n radioknoppie.
Radioknoppies word gewoonlik in radiogroepe aangebied ('n versameling radioknoppies wat 'n stel verwante opsies beskryf). Slegs een radioknoppie in 'n groep kan op dieselfde tyd gekies word.
Let wel: Die radiogroep moet dieselfde naam hê (die waarde van die name
kenmerk) om as 'n groep behandel te word. Sodra die radiogroep geskep is, sal die keuse van enige radioknoppie in daardie groep outomaties enige ander geselekteerde radioknoppie in dieselfde groep ontselekteer. Jy kan soveel radiogroepe op 'n bladsy hê as wat jy wil, solank elke groep sy eie naam het.
Let wel: Die value
kenmerk definieer die unieke waarde wat met elke radioknoppie geassosieer word. Die waarde word nie aan die gebruiker gewys nie, maar is die waarde wat op "submit" na die bediener gestuur word om te identifiseer watter radioknoppie gekies is.
Wenk: Voeg altyd die <label>
merker by vir die beste toeganklikheidspraktyke!
Blaaierondersteuning
Attribute | |||||
---|---|---|---|---|---|
type="radio" | Yes | Yes | Yes | Yes | Yes |
Sintaksis
<input type="radio">