Obrasce koristimo kako bismo dobili povratnu informaciju od korisnika. Često od njih tražimo registraciju ili popunjavanje neke ankete. Ovo je samo uvod kako napraviti obrazac. Kako bi on funkcionirao, tj. kako bi nakon njegovog ispunjavanja podaci krenuli u obradu, morate poznavati PHP jezik i MySQL baze podataka.
Vrste obrazaca:
Textbox – unos teksta u redovima i stupcima
Text – unos teksta u jednom redu
Checkbox – stavljamo kvačicu u kvadratić, moguć je višestruki izbor
Radio – dodajemo točkicu u kružić, moguć samo jedan izbor
Button – gumb (OK, CANCEL)
Submit – potvrda unosa (koristi se u kombinaciji sa textbox)
Dropdown – padajući izbornik
Textbox
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<title>Naslov stranice</title>
</head>
<body>
<body bgcolor=”lightblue”>
<p> U donji kvadrat veličine 10 redova i 30 stupaca možemo upisati tekst.</p>
<textarea rows=”10″ cols=”30″> Ovdje možemo upisivati tekst. </textarea>
</body>
</html>
Text
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<title>Naslov stranice</title>
</head>Text
<body>
<body bgcolor=”lightblue”>
<form>
Ime:<input type=”text” name=”ime”>
<br/><br/>
Prezime:<input type=”text” name=”prezime”>
</form>
</body>
</html>
Checkbox
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<title>Naslov stranice</title>
</head>
<body>Checkbox
<body bgcolor=”lightblue”>
<form>
<h1>Volim jesti:<h1>
<font size=”3″>
jabuke <input type=”checkbox” name=”voce” value=”Jabuke”> <br>
kruške <input type=”checkbox” name=”voce” value=”Kruške”> <br>
marelice <input type=”checkbox” name=”voce” value=”Marelice”>
</font>
</form>
</body>
</html>
Radio button
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>Radio
<title>Naslov stranice</title>
</head>
<body>
<body bgcolor=”lightblue”>
<form>
<input type=”radio” name=”spol” value=”muško”> Muško<br>
<input type=”radio” name=”spol” value=”ženko”> Žensko
</form>
</body>
</html>
Button
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<title>Naslov stranice</title>Button
</head>
<body>
<body bgcolor=”lightblue”>
<form action=””>
<h1>Ako se slažeš klikni na OK</h1>
<input type=”button” value=”OK”>
</form>
</body>
</html>
Submit button
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>Submit
<title>Naslov stranice</title>
</head>
<body>
<body bgcolor=”lightblue”>
<form name=”input” action=”html_form_action.asp” method=”get”>
Korisničko ime:<input type=”text” name=”user”>
<input type=”submit” value=”Submit”>
</form>
</body>
</html>
Dropdown
Padajući izbornik ima ponuđene opcije koje odabiremo klikom miša na neku od njih. Sve opcije nisu vidljive dok ne kliknemo na strelicu koja se nalazi desno od prvog izbora. U slučaju da želimo da nam prva vidljiva opcija bude neka koja nije prva na popisu, onda u kodu moramo napisati selected uz nju.
Npr. <option value=”plava” selected=”selected”>plava</option>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<title>Naslov stranice</title>Dropdown
</head>
<body>
<body bgcolor=”lightblue”>
<form action=””>
<select name=”boje”>
<option value=”plava”>plava</option>
<option value=”žuta”>žuta</option>
<option value=”zelena”>zelena</option>
<option value=”crvena”>crvena</option>
</select>
</form>
</body>
</html>