Programming the World Wide Web |
Fejezet2 |
| << 2.9. Form elemek | 2.11. Frame-ek (lapkeretek) >> |
2.10. Űrlap-példa
Nézzünk egy valamivel komplexebb űrlapot:
A fenti űrlap kódja a komplex_pl.html állományban található. Forráskódja:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Language" content="hu">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Wéber CSSanád</title>
<style type="text/css">
td { padding: 2px 6px 2px 6px;}
</style>
</head>
<body>
<form method="post" action="MAILTO:valaki@freemail.hu" enctype="text/plain">
<div style="text-align:center">
<h1>Wéber CSSanád <br>
<b>H</b>ogyan Tálald Másoknak Lazaságaidat - CD-ROM ajánlólap</h1>
<h3><span style="background-color: #FF0000">EZ CSAK MINTA, NEM
KELL KOMOLYAN VENNI A TARTALMÁT!</span></h3>
<br>
</div>
<table border="1" width="75%" style="margin-left: auto;margin-right: auto; text-align:left;">
<tr>
<td >
<input type="checkbox" name="Konyv1" value="ON" checked disabled>
DeBolt, Virginia: Html és CSS - Webszerkesztés stílusosan </td>
<td >1,77 MByte</td>
</tr>
<tr>
<td >
<input type="check*box" name="PPT" value="ON" checked disabled>
Bemutató (.pdf) állományok</td>
<td >2,45 MByte</td>
</tr>
<tr>
<td >
<input type="checkbox" name="Free" value="ON">
Ajánlott ingyenes programok</td>
<td >1,2 MByte</td>
</tr>
<tr>
<td colspan="2">
<p ><b>
<input type="checkbox" name="Rendel" value="Rendel" checked>
IGEN, megrendelem a fenti feltételekkel a CD-ROM-ot és
vállalom a kifizetést az általam választott módon!</b></p>
</td>
</tr>
<tr>
<td>Megrendelő neve</td>
<td align="right">
<input type="text" name="Név" size="40" value="Teljes név"></td>
</tr>
<tr>
<td >Irányítószám</td>
<td align="right">
<input type="text" name="Irszam" size="20" value="8000"></td>
</tr>
<tr>
<td >Város</td>
<td align="right">
<input type="text" name="Város" size="40" value="Város"></td>
</tr>
<tr>
<td >Felhasználási terület(ek)</td>
<td align="right"><select size="2" name="MitCsinal" multiple>
<option selected value="Onallo tanulas">Önálló tanulás</option>
<option value="Kiscsoportos tanfolyam">Kiscsoportos tanfolyam</option>
<option value="Altalanos iskola">Általános iskola</option>
<option value="Kozepiskola">Középiskola</option>
<option value="Felsooktatas">Felsőoktatás</option>
<option value="Egyeb">Egyéb</option>
</select></td>
</tr>
<tr>
<td >Fizetési mód</td>
<td align="right">
<input type="radio" value="posta" name="Hogyan" checked>Postai utánvétellel
<p><input type="radio" value="bank" name="Hogyan">Banki átutalással </p></td>
</tr>
<tr>
<td > Megjegyzés</td>
<td align="right">
<textarea rows="2" name="S1" cols="20"></textarea></td>
</tr>
<tr>
<td colspan="2" align="center">A CD-ROM ára <b>65 RON </b>
+ <b>10 RON </b> postaköltségs
<h3><input type="submit" value="Megrendelem!" name="Elofizetés">
Összesen: <b><span style="background-color: #FF0000">75 RON</span></b>
<b> </b><input type="reset" value="Kilépés" name="Kilépés"></h3>
</td>
</tr>
</table>
</form>
</body>
</html>