<html>
<head>
<title>Feedback</title>
<style type="text/css">
table {
border: 2px solid #666666;
margin-bottom: 2ex;
background-color: #bbbbbb;
}
td, th {
padding: 0.3ex;
text-align: left;
vertical-align: top;
}
input, textarea, select {
background-color: #ffbbbb;
}
select {
width: 100%;
}
</style>
</head>
<body>
<form
action="http://localhost/cgi-bin/test.cgi"
method="GET">
<table>
<!-- zweispaltiges Layout mit einer Tabelle mit 2 Spalten -->
<!-- 1. Zeile -->
<tr>
<th>Name:</th>
<th>E-Mail-Adresse:</th>
</tr>
<!-- 2. Zeile -->
<tr>
<td>
<input
type="TEXT"
name="name"
size="30">
</td>
<td>
<input
type="TEXT"
name="email"
size="40">
</td>
</tr>
<!-- zwei Auswahllisten mit Überschrift -->
<!-- 3. Zeile -->
<tr>
<th>verwendeter Browser:</th>
<th>genutzte Internet-Dienste:</th>
</tr>
<!-- 4. Zeile -->
<tr>
<td>
<input type="RADIO" name="browser" value="Netscape"> Netscape<br>
<input type="RADIO" name="browser" value="Lynx"> Lynx<br>
<input type="RADIO" name="browser" value="Microsoft"> Microsoft<br>
<input type="RADIO" name="browser" value="KDE"> konqueror<br>
<input type="RADIO" name="browser" value="Mosiac"> Mosaic<br>
<input type="RADIO" name="browser" value="sonstige"> sonstige<br>
</td>
<td>
<input type="CHECKBOX" name="dienste" value="WWW"> World Wide Web<br>
<input type="CHECKBOX" name="dienste" value="email"> Electronic Mail<br>
<input type="CHECKBOX" name="dienste" value="FTP"> File Transfer<br>
<input type="CHECKBOX" name="dienste" value="telnet"> Remote Login<br>
<input type="CHECKBOX" name="dienste" value="news"> Newsgroups<br>
<input type="CHECKBOX" name="dienste" value="sonstige"> sonstige<br>
</td>
</tr>
<!-- zwei Auswahllisten -->
<!-- 5. Zeile -->
<tr>
<th>Hauptinteressengebiet:</th>
<th>weitere Interessengebiete:</th>
</tr>
<!-- 6. Zeile -->
<tr>
<td>
<select
name="hauptthema"
size="5">
<option>Software</option>
<option>Hardware</option>
<option>Netzwerke</option>
<option>Sport</option>
<option>Kultur</option>
<option>Tiere</option>
<option>Politik</option>
<option>Wirtschaft</option>
<option>Wissenschaft</option>
</select>
</td>
<td>
<select
name="themen"
size="5"
multiple="multiple">
<option>Software</option>
<option>Hardware</option>
<option>Netzwerke</option>
<option>Sport</option>
<option>Kultur</option>
<option>Tiere</option>
<option>Politik</option>
<option>Wirtschaft</option>
<option>Wissenschaft</option>
</select>
</td>
</tr>
</table>
<!-- eine 2. Tabelle mit einer Spalte -->
<!-- und alignment tags -->
<table>
<tr>
<th>Kommentar:</th>
</tr>
<tr>
<td>
<textarea
name="kommentar"
rows="5"
cols="72"></textarea>
</td>
</tr>
</table>
<!-- "normales" layout -->
<input
type="SUBMIT"
value="Abschicken">
</form>
</body>
</html>
