Radiógombok definiálása

A rádiógombok olyan feliratos gombok, melyek csoportot alkotnak és közülük a felhasználó mindig csak egyet választhat ki. Ha egy újabb gombot jelölünk meg, az az előző választást törli. Az űrlap elküldésekor a kiválasztott elem is el lesz küldve. Rádiógombot az <input ...> Tag által hozzuk létre. Utána áll a type=radio megadás, utána a csoport neve következik a name="" után, majd a belső érték value="" melyet át kívánunk küldeni. Végül az elemhez tartozó felirat. A csoport neve csak az angol ABC betűit, számokat és aláhúzás jelet tartalmazhat.

Példa:

A hét melyik napján kiván indulni ?:
<input type=radio name="nap" value="He"> Hétfő <br>
<input type=radio name="nap" value="Sze"> Szerda <br>
<input type=radio name="nap" value="Pe"> Péntek

Csekkboxok definiálása

A csekkbox olyan feliratos kis négyzet, melyet beikszelünk a választással. Ezek csoportot alkotnak, és a felhasználó többet is választhat közülük. Az űrlap elküldésekor a választott csekkbox(ok) értéke(i) is el lesz(nek) küldve. Csekkboxot az <input ...> Tag által hozzuk létre. Utána áll a type=checkbox megadás, utána a csoport neve következik a name="" által , majd a belső érték a value="" melyet át kívánunk küldeni. Végül a csekkboxhoz tartozó felirat áll.. A csoport neve csak az angol ABC betűit, számokat és aláhúzás jelet tartalmazhat.

Példa:

<p>Mely országokban járt már ?</p>
<input type=checkbox name="orszag" value="D"> Németország<br>
<input type=checkbox name="orszag" value="Pl"> Lengyelország<br>
<input type=checkbox name="orszag" value="F"> Franciaország

Előválasztás

A rádiógombok közül egy, a csekkboxok közül több is lehet előre kiválasztott. Ezt mindkét elem esetében a checked attributum jelöli.

Példa:

<p>
Melyik állatot kedveli jobban ?
<input type=radio name="allat" value="Ku"> kutyát 
<input type=radio name="allat" checked value="Ma"> macskát
</p><p>
Milyen a jó autó ?
<input type=checkbox name="auto" checked value="csendes"> csendes 
<input type=checkbox name="auto" checked value="gyors"> gyors
<input type=checkbox name="auto" checked value="takarekos"> takarékos
</p>