Maximilian Krieg
Wissen, Technik & Erfahrungen
| Skript-Anfang | EWA_PraktikumsAufgaben – Seite 9 |
|---|---|
| Skript-Ende | EWA_PraktikumsAufgaben – Seite 11 |
Fahrer
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="refresh" content="5" />
<title>Fahrer</title>
</head>
<body>
<section>
<header>
<h3>Fahrer</h3>
</header>
<article class="bestellungen">
<form id="bestellung_1" action="http://www.fbi.h-da.de/cgi-bin/Echo.pl" accept-charset="UTF-8" method="get">
<fieldset>
<legend>
<h4>Müller, Freßgasse 11, 65000 Frankfurt</h4>
</legend>
<section>
<p>Tonno, Calcone, Margherita, Hawai, Tonno</p>
<p data-gesamtpreis="13.0">Preis: 13,00 €</p>
<table>
<tr>
<th>gebacken</th>
<th>unterwegs</th>
<th>ausgeliefert</th>
</tr>
<tr>
<td><input type="radio" name="b1" value="4" onclick="this.form.submit();" /> </td>
<td><input type="radio" name="b1" value="5" checked="true" onclick="this.form.submit();" /> </td>
<td><input type="radio" name="b1" value="6" onclick="this.form.submit();" /> </td>
</tr>
</table>
</section>
</fieldset>
</form>
</article>
<article class="bestellungen">
<form id="bestellung_2" action="http://www.fbi.h-da.de/cgi-bin/Echo.pl" accept-charset="UTF-8" method="get">
<fieldset>
<legend>
<h4>Meier, Hauptstr. 5</h4>
</legend>
<section>
<p>Tonno, Tonno, Margherita</p>
<p data-gesamtpreis="10.5">Preis: 10,50 €</p>
<table>
<tr>
<th>gebacken</th>
<th>unterwegs</th>
<th>ausgeliefert</th>
</tr>
<tr>
<td><input type="radio" name="b2" value="4" onclick="this.form.submit();" /> </td>
<td><input type="radio" name="b2" value="5" checked="true" onclick="this.form.submit();" /> </td>
<td><input type="radio" name="b2" value="6" onclick="this.form.submit();" /> </td>
</tr>
</table>
</section>
</fieldset>
</form>
</article>
</section>
</body>
</html> Kunde
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="refresh" content="5" />
<title>Kunde</title>
<!-- ae ä und oe ö und ue ü -->
</head>
<body>
<header>
<h3>Kunde</h3>
</header>
<section>
<form action="http://www.fbi.h-da.de/cgi-bin/Echo.pl" accept-charset="UTF-8" method="get" >
<table>
<tr>
<th></th>
<th>bestellt</th>
<th>im Ofen</th>
<th>fertig</th>
<th>unterwegs</th>
</tr>
<tr>
<td>Margherita</td>
<td><input type="radio" name="m1" value="1" onclick="this.form.submit();" disabled="disabled" /> </td>
<td><input type="radio" name="m1" value="2" onclick="this.form.submit();" disabled="disabled" /></td>
<td><input type="radio" name="m1" value="3" checked="true" onclick="this.form.submit();" disabled="disabled" /></td>
<td><input type="radio" name="m1" value="5" onclick="this.form.submit();" disabled="disabled" /></td>
</tr>
<tr>
<td>Salami</td>
<td><input type="radio" name="s1" value="1" onclick="this.form.submit();" disabled="disabled" /> </td>
<td><input type="radio" name="s1" value="2" checked="true" onclick="this.form.submit();" disabled="disabled" /></td>
<td><input type="radio" name="s1" value="3" onclick="this.form.submit();" disabled="disabled" /></td>
<td><input type="radio" name="s1" value="5" onclick="this.form.submit();" disabled="disabled" /></td>
</tr>
<tr>
<td>Tonno</td>
<td><input type="radio" name="t1" value="1" onclick="this.form.submit();" disabled="disabled" /> </td>
<td><input type="radio" name="t1" value="2" onclick="this.form.submit();" disabled="disabled" /></td>
<td><input type="radio" name="t1" value="3" checked="true" onclick="this.form.submit();" disabled="disabled" /></td>
<td><input type="radio" name="t1" value="5" onclick="this.form.submit();" disabled="disabled" /></td>
</tr>
<tr>
<td>Hawai</td>
<td><input type="radio" name="h1" value="1" onclick="this.form.submit();" disabled="disabled" /> </td>
<td><input type="radio" name="h1" value="2" checked="true" onclick="this.form.submit();" disabled="disabled" /></td>
<td><input type="radio" name="h1" value="3" onclick="this.form.submit();" disabled="disabled" /></td>
<td><input type="radio" name="h1" value="5" onclick="this.form.submit();" disabled="disabled" /></td>
</tr>
</table>
</form>
</section>
<section>
<ul>
<li><a href="bestellung.html">Neue Bestellung</a></li>
</ul>
</section>
</body>
</html> Bestellung
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Bestellung</title>
<!-- ae ä und oe ö und ue ü -->
</head>
<body>
<header>
<h3>Bestellung</h3>
</header>
<section>
<section>
<header>
<h4>Speisekarte</h4>
</header>
<table>
<tr>
<td><img src="pizza.jpg" alt="" title="Salami Pizza" /> </td>
<td>Margherita</td>
<td>4,00€</td>
</tr>
<tr>
<td><img src="pizza.jpg" alt="" title="Salami Pizza" /> </td>
<td>Salami</td>
<td>4,50€</td>
</tr>
<tr>
<td><img src="pizza.jpg" alt="" title="Salami Pizza" /> </td>
<td>Hawai</td>
<td>5,50€</td>
</tr>
</table>
</section>
<section>
<header>
<h4>Warenkorb</h4>
</header>
<form action="http://www.fbi.h-da.de/cgi-bin/Echo.pl" accept-charset="UTF-8" method="post" >
<select name="selection[]" size="10" multiple>
<option value="P01" selected>test</option>
<option value="P02" selected>test2</option>
</select>
<p><span id="Gesamtpreis">15,70</span> €</p>
<input type="text" name="adresse" value="" size="30" placeholder="Ihre Adresse" />
<p>
<input type="reset" name="reset" value="Alle löschen" />
<input type="reset" name="reset1" value="Auswahl löschen" />
<input type="submit" name="submit" value="Bestellen" />
</p>
</form>
</section>
</section>
</body>
</html> Bäcker
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="refresh" content="5" />
<title>Bäcker</title>
<!-- ae ä und oe ö und ue ü -->
</head>
<body>
<header>
<h3>Bäcker</h3>
</header>
<section>
<form action="http://www.fbi.h-da.de/cgi-bin/Echo.pl" accept-charset="UTF-8" method="get">
<table>
<tr>
<th></th>
<th>bestellt</th>
<th>im Ofen</th>
<th>fertig</th>
</tr>
<tr>
<td>Margherita</td>
<td><input type="radio" name="m1" value="1" checked="true" onclick="this.form.submit();" /> </td>
<td><input type="radio" name="m1" value="2" onclick="this.form.submit();" /></td>
<td><input type="radio" name="m1" value="3" onclick="this.form.submit();" /></td>
</tr>
<tr>
<td>Margherita</td>
<td><input type="radio" name="m2" value="1" onclick="this.form.submit();" /> </td>
<td><input type="radio" name="m2" value="2" checked="true" onclick="this.form.submit();" /></td>
<td><input type="radio" name="m2" value="3" onclick="this.form.submit();" /></td>
</tr>
<tr>
<td>Hawai</td>
<td><input type="radio" name="h1" value="1" onclick="this.form.submit();" /> </td>
<td><input type="radio" name="h1" value="2" checked="true" onclick="this.form.submit();" /></td>
<td><input type="radio" name="h1" value="3" onclick="this.form.submit();" /></td>
</tr>
</table>
</form>
</section>
</body>
</html> Übersicht
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Übersicht</title>
<!-- ae ä und oe ö und ue ü -->
</head>
<body>
<header>
<h3>Übersicht</h3>
</header>
<section>
<nav>
<ul>
<li><a href="bestellung.html">Bestellung</a></li>
<li><a href="kunde.html">Kunde</a></li>
<li><a href="baecker.html">Bäcker</a></li>
<li><a href="fahrer.html">Fahrer</a></li>
</ul>
</nav>
</section>
</body>
</html> 