Tutorial HTML - Checkbox

  »   HTML  »   Tutoriale HTML - Checkbox, casute de bifat in html

Checkbox-urile dupa cum am mai spus intr-un tutorial anterior, fac parte dintre aplicatiile pe care le ofera tagul input.

Spre deosebire insa de tutorialul anterior, aici vom trata acest subiect mai pe larg.

Checkbox - Crearea listelor

Checkbox-urile vin in ajutorul utilizatorului facilitand alegerea simulatana am mai multor variane de raspuns.

html<p>Alege culorile care iti plac.</p>

Albastru: <input type="checkbox" name="culori" value="albastru" /><br />
Galben: <input type="checkbox" name="culori" value="galben" /><br />
Rosu: <input type="checkbox" name="culori" value="rosu" /><br />
Verde: <input type="checkbox" name="culori" value="Verde" />

Demo

Alege culorile care iti plac.

Albastru:
Galben:
Rosu:
Verde:

Checkbox - Casute selectate "by default"

Checkbox-urile ofera deasemenea posibilitatea de a fi bifate pentru a facilita in anumite situatii "munca" userului.

Acest lucru se realizeaza cu ajutorului atributului checked acesta avand valoarea yes.

html<p>Alege culorile care iti plac.</p>

Albastru: <input type="checkbox" checked="yes" name="culori" value="albastru" /><br />
Galben: <input type="checkbox" name="culori" value="galben" /><br />
Rosu: <input type="checkbox" name="culori" value="rosu" /><br />
Verde: <input type="checkbox" checked="yes" name="culori" value="Verde" />

Demo

Alege culorile care iti plac.

Albastru:
Galben:
Rosu:
Verde:

Incercati sa va jucati putin cu aceasta aplicatie destul e simpla zic eu dar foarte utila.