You are on page 1of 12

HTML forme

-služe za unos podataka na Web stranu.


FORM tag

 Sav sadržaj Veb strane, koji se prosleđuje Veb serveru na obradu, navodi
se u form tagu.
 Form tag kao i svaki drugi element ima svoje atribute i vrednosti.
 Atribut method određuje način slanja podataka serveru na obradu i
najčešće je get ili post.
 Atribut action određuje koji se fajl za obradu podataka pokreće.
Text field-kontrola za unos teksta
 Najčešće korišćena kontrola.
 Primer:
 <input type="text" name="ime" id="ime" size="15" maxlength="20"/>
 atributi:
 type
 name,id
 size, maxlength
 disabled (disabled, enabled)
 readonly(readonly)
 value –vrednost koja je unesena u text field
Password field- polje za unos teksta čiji je
sadržaj sakriven
 Primer:
 <input type="password" name="sifra" id="sifra" size="13"
maxlength="13"/>
Text area – kontrola koja može da sadrži veću
količinu teksta
 <textarea name="mojTekst" id="mojTekst" cols="25" rows="10" ></textarea>
Kontrole za odabir – Check box kontrola

 <input type="checkbox" name="izbor" value="izbor1" /> izbor 1<br>


 <input type="checkbox" name="izbor" value="izbor2" /> izbor 2<br>
 <input type="checkbox" name="izbor" value="izbor2" /> izbor 3<br>
Kontrole za odabor – radio button

 <input type="radio" name="pol" value="male" checked="checked"/>male</br>


 <input type="radio" name="pol" value="female" checked="checked"/>female<br>
Kontrola za odabir – option box kontrola
 -sluzi za odabir jedne ili više vrednosti
 Padajuci meni (kombo box ) služi za odabir jedne od više ponuđenih
vrednosti
 <select name="izbor">
 <option value="1">Beograd</option>
 <option value="2">Pariz</option>
 <option value="3">London</option>
 <option value="4">Beč</option>
 </select>
Kontrole za odabir –list box-sluzi za odabir vise
vrednosti
 <select name="izbor" multiple="multiple">
 <option value="1">Beograd</option>
 <option value="2">Pariz</option>
 <option value="3">London</option>
 <option value="4">Beč</option>
 </select>
Dugmad za potvrdu i ponistavanje

 <input type="submit" value="potvrdi" name="potvrdi"/>


 <input type="reset" value="ponisti" name="povrdi"/>
Primer – kreiranje forme (lični podaci)
Primer
<html>
<body>
<form>
<fieldset>
<legend>Licni podaci
</legend>
<label>Ime:</label><input type="text" name="ime"/><br>
<label>Prezime:</label><input type="text" name="prezime"/><br><br>
<label>Pol:</label><br>
Muski<input type="radio" name="pol" value="male" /><br>
Zenski<input type="radio" name="pol" value="female" /><br><br>
Grad
<select>
<option value="1"> Beograd</option>
<option value="2"> Čačak</option>
<option value="3"> Novi Sad</option>
<option value="3">Kragujevac</option>
</select><br><br><br>
<input type="submit" value="potvrdi" name="potvrdi"/> <input type="reset" value="ponisti"
name="povrdi"/>
</fieldset>
</form>
</body>
</html>

You might also like