HTML <input type="radio">

❮ HTML <invoer> tipe kenmerk

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 namekenmerk) 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 valuekenmerk 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">

❮ HTML <invoer> tipe kenmerk