abc HTML5 i CSS TUTORIAL

Dodatak: Polje za potvrdu /APPENDIX: CHECKBOX/

Polje za potvrdu /APPENDIX: CHECKBOX/ se koristi pri izboru više opcija od ponuđenih. Moguće je birati jednu ili više opcija


Slika 1. Tip TAG-a

<form></form> fefiniše formu
<input> kreira red za unos
<select></select> kreira polje za selkciju
<option> </option> kreira element list

Birate jedna ili više od mogućnosti.

Fudbal
Košarka
Odbojka

Slika 2. Primjer Tr dugmeta potvrde
 

Primjer 1. Kreirati HTML kod za formiranje polja potvrde koji sport ste gledali ove godine.

<html>
<head>
<title>CHECKBOX</title>
</head>
<body>
<form>
<p>Koji sport ste gledali ove godine</p>
<input type="checkbox" name="sport" value="noga">Fudbal<br>
<input type="checkbox" name="sport" value="kos">Košarka<br>
<input type="checkbox" name="sport" value="ruka">Odbojka<br>
</form>
</body>
</html>

Koji sport ste gledali ove godine

Fudbal
Košarka
Odbojka
   

Primjer 2. Kreirati HTML kod za formiranje polja za potvrdu koje prevozno sredstvo ima vaša porodica.

<html>
<head>
<title>CHECKBOX</title>
</head>
<body>
<form>
<p>Koje prevozno sredstvo ima vaša porodica:</p>
<input type="checkbox" name="prevoz" value="noga">Bicikl<br>
<input type="checkbox" name="prevoz" value="trotinet">Trotinet<br>
<input type="checkbox" name="prevoz" value="auto">Auto<br>
<input type="checkbox" name="prevoz" value="kombi">Kombi<br>
</form>
</body>
</html>

Koje prevozno sredstvo ima vaša porodica:

Bicikl
Trotinet
Auto
Kombi
 

Primjer 3. Kreirati HTML kod za formiranje polja za potvrdu koje predmete volite.

<html>
<head>
<title>CHECKBOX</title>
</head>
<body>
<form>
<p>Koje predmete volite:</p>
<input type="checkbox" name="predmet" value="mat">Matematika<br>
<input type="checkbox" name="predmet" value="info">Informatika<br>
<input type="checkbox" name="predmet" value="jezik">Jezici<br>
<input type="checkbox" name="predmet" value="slika">Likovno<br>
</form>
</body>
</html>

Koje predmete volite:

Matematika
Informatika
Jezici
Likovno
 

Primjer 4. Kreirati HTML kod za formiranje polja potvrde koji sport ste gledali ove godine. Polje je iza teksta.

<html>
<head>
<title>CHECKBOX</title>
</head>
<body>
<form>
<p>Koji sport ste gledali ove godine</p>
Fudbal: <input type="checkbox" name="sport" value="noga"><br>
Košarka: <input type="checkbox" name="sport" value="kos"><br>
Odbojka: <input type="checkbox" name="sport" value="ruka"><br>
</form>
</body>
</html>

Koji sport ste gledali ove godine

Fudbal:
Košarka:
Odbojka:
   

Primjer 5. Kreirati HTML kod za formiranje polja za potvrdu koje prevozno sredstvo ima vaša porodica. Polje je iza teksta.

<html>
<head>
<title>CHECKBOX</title>
</head>
<body>
<form>
<p>Koje prevozno sredstvo ima vaša porodica:</p>
Bicikl:<input type="checkbox" name="prevoz" value="noga"><br>
Trotinet:<input type="checkbox" name="prevoz" value="trotinet"><br>
Auto:<input type="checkbox" name="prevoz" value="auto"><br>
Kombi:<input type="checkbox" name="prevoz" value="kombi"><br>
</form>
</body>
</html>

Koje prevozno sredstvo ima vaša porodica:

Bicikl:
Trotinet:
Auto:
Kombi:
 

Primjer 6. Kreirati HTML kod za formiranje polja za potvrdu koje predmete volite. Polje je iza teksta.

<html>
<head>
<title>CHECKBOX</title>
</head>
<body>
<form>
<p>Koje predmete volite:</p>
Matematika:<input type="checkbox" name="predmet" value="mat"><br>
Informatika:<input type="checkbox" name="predmet" value="info"><br>
Jezici:<input type="checkbox" name="predmet" value="jezik"><br>
Likovno:<input type="checkbox" name="predmet" value="slika"><br>
</form>
</body>
</html>

Koje predmete volite:

Matematika:
Informatika:
Jezici:
Likovno:
 

Prozor na dnu stranice je namjenje za provjeru koda:
- kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom), editovanje je moguće u prozoru

Index