FI-24Wi-FIA-2E
Inspiriert von der Aufgabenstellung meine Aufgabenstellung und Lösung.
HTML-Formular zur Eingabe von Akku-Daten
Zur Erfassung der Daten an einem Messplatz soll ein HTML-Formular erstellt werden.
- Überschrift „Automatischer Messplatz -Kapazitätsmessung“ mit h1, Schriftart Arial
- 2. Überschrift „Eingabe der Akkudaten“ mit h2, Schriftart Arial, Schriftfarbe grün
- Formatierung der Eingabefelder bzw. der Auswahlliste (ListBox) mit Tabelle
- Akku-ld und Nennkapazität sind Eingabefelder, Eingabe zwingend erforderlich
- Bei Hersteller sind zur Auswahl drei gängige Akku-Hersteller hinterlegt: „Panasonic“, „Varta“, „Duracell“
- Absenden ruft das PHP-Script datenbank.php mit Get-Methode auf
Lösungsvorschlag
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Kapazitätsmessung</title>
<style>
h1 {
font-family: Arial;
}
h2 {
font-family: Arial;
color: green
}
</style>
</head>
<body>
<h1>Automatischer Messplatz - Kapazitätsmessung</h1>
<h2>Eingabe der Akkudaten</h2>
<form id="db" method="get" action="datenbank.php">
<table>
<tr>
<td><label for="na"> Akku-ID: </label></td>
<td><input name="Akku-id" id="na" value="" type="text" required></td>
</tr>
<tr>
<td><label for="nk">Nennkapazität: </label></td>
<td><input name="nennk" id="nk" value="" type="text" required></td>
</tr>
<tr>
<td> <label for="hr">Hersteller: </label></td>
<td><select name="Hersteller" id="hr">
<option value="default selected">Bitte Hersteler wählen:</option>
<option value="panasonic">Panasonic</option>
<option value="varta"> Varta</option>
<option value="duracell"> Duracell</option>
</select></td>
</tr>
</table>
<p>
<input type="submit" value="Absenden">
</p>
</form>
</body>
</html>Wie können CSS integriert werden?
Lösung: https://wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Stylesheets_einbinden
Ein Kommentar
Kommentare sind geschlossen.