Ovdje možemo puno brže i jednostavnije napraviti obrasce nego u HTML-u. U izborniku pod Insert odaberemo Form i nakon toga vrstu obrasca koji nam treba. Na dnu ekrana pod Properties možemo vidjeti dodatne mogućnosti za uređivanje obrazaca. Želimo li se podsjetiti naredbi koje koristimo za izradu obrazaca u HTML-u možemo ih naći ovdje.
Kod ovog obrasca:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Obrazac</title>
</head>
<body>
<form id=”form1″ name=”form1″ method=”post” action=””>
<label for=”ime”>Ime</label></br>
<input type=”text” name=”ime” id=”ime” /></br>
<label for=”prezime”>Prezime</label></br>
<input type=”text” name=”prezime” id=”prezime” /></br>
</form>
<form id=”form2″ name=”form2″ method=”post” action=””>
<label for=”poruka”>Poruka</label></br>
<textarea name=”poruka” id=”poruka” cols=”45″ rows=”5″></textarea></br>
</form>
Volim:</br>
<form id=”form4″ name=”form4″ method=”post” action=””>
<input type=”checkbox” name=”jabuke” id=”jabuke” />
<label for=”jabuke”>jabuke</label></br>
</form>
<form id=”form5″ name=”form5″ method=”post” action=””>
<input type=”checkbox” name=”kruške” id=”kruške” />
<label for=”kruške”>kruške</label></br>
</form>
<form id=”form6″ name=”form6″ method=”post” action=””>
<input type=”checkbox” name=”trešnje” id=”trešnje” />
<label for=”trešnje”>trešnje</label></br>
</form>
<form id=”form7″ name=”form7″ method=”post” action=””>
<input type=”checkbox” name=”marelice” id=”marelice” />
<label for=”marelice”>marelice</label></br>
</form>
<form id=”form8″ name=”form8″ method=”post” action=””>
SPOL </br>
<input type=”radio” name=”radio” id=”musko” value=”musko” />
<label for=”musko”>muško</label></br>
<input type=”radio” name=”radio” id=”zensko” value=”zensko” />
<label for=”zensko”>žensko</label></br>
</form>
<form id=”form9″ name=”form9″ method=”post” action=””>
Dolazim iz:
<select name=”voce” id=”voce”>
<option>Zagreb</option>
<option>Varaždin</option>
<option>Rijeka</option>
<option>Bjelovar</option>
</select>
</form>
<form id=”form3″ name=”form3″ method=”post” action=””></br>
<input type=”submit” name=”posalji” id=”posalji” value=”Pošalji” />
</form>
</body>
</html>