schuledaniel/2bki21
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

aufgbe 2 vom 9-19-24 mit extra seite. Die seite ist useless...

Browse Source
This commit is contained in:
danielvici123
2024-09-19 11:02:27 +02:00
parent a8a32858fc
commit 287634b713
2 changed files with 103 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
progp/9-19-24/aufgabe-1.html Normal file
View File

@@ -0,0 +1,84 @@
<!DOCTYPE html>
<html>
<head>
<title>Required Input Field</title>
<style>
div {
margin: 3px 0; /* Aussenabstand oben/unten 3px */
padding: 3px; /* Innenabstand überall 3px */
}
</style>
</head>
<body>
<h1>E-Bike Akku-Prüfung</h1>
<h2>Prüfprotokoll</h2>
<label>Es müssen alle Felder ausgefüllt werden!</label>
<form action="submit.html">
<div>
<fieldset>
<legend>Service-Mitarbeiter</legend>
<div>
<label for="emp_code">Mitarbeiter Kürzel:</label>
<input type="text" id="emp_code" name="employee-code" required pattern="[A-Z]{3}" title="Nur Dreibuchstaben (A-Z)">
</div>
</fieldset>
</div>
<div>
<fieldset>
<legend>Akkudaten</legend>
<div>
<label for="bike_id">Fahrzeug-ID:</label>
<input type="text" id="bike_id" name="fahrzeug-id" required pattern="[0-9]{13}" placeholder="1234567891234" title="Die ID ist 13 Ziffern lang.">
</div>
<div>
<label for="akku_art">Art: </label>
<select name="akku-art" id="akku_art" required size="4">
<option value="lion">Li-Ion</option>
<option value="nimh">NiMH</option>
<option value="nicad">NiCAD</option>
<option value="blei">Blei</option>
</select>
</div>
<div aria-required="true">
<label>Aufbau:</label>
<input type="radio" name="aufbau-art" id="gepaeck" required>
<label for="gepaeck">Gepäckträger</label>
<input type="radio" name="aufbau-art" id="rahmen" required>
<label for="rahmen">Rahmen</label>
<input type="radio" name="aufbau-art" id="intube" required>
<label for="intube">Intube</label>
</div>
<div>
<label for="akku_status">Akku Leistung (in %):</label>
<input type="number" id="akku_status" name="akku-status" required min="0" max="100" title="Nur Zahlen von 1 - 100">
</div>
</fieldset>
</div>
<div>
<fieldset>
<legend>Sonstiges</legend>
<div>
<label for="pruef_date">Prüfdatum:</label>
<input type="date" id="pruef_date" name="pruef-datum" required>
</div>
<div>
<label for="bike_info">Bemerkung</label>
<textarea name="bmrk" id="bike_info" cols="50" rows="5" required></textarea>">
</div>
<div>
<input type="checkbox" name="daten-korrekt-bst" id="data-correct" required>
<label for="data-correct">Richtigkeit der Daten bestätigt</label>
</div>
</fieldset>
</div>
<button type="submit">Senden</button>
</form>
</body>
</html>

19
progp/9-19-24/submit.html Normal file
View File

@@ -0,0 +1,19 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Success!</title>
<style>
div {
margin: 3px 0; /* Aussenabstand oben/unten 3px */
padding: 3px; /* Innenabstand überall 3px */
}
</style>
</head>
<body>
<h1>PRÜFUNG WURDE ERFOLGREICH ABGESENDET</h1>
<div><label>Drücken sie auf den Button um Zurück zugelangen</label></div>
<div><form action="aufgabe-1.html"><button type="submit">Zurück</button></form></div>
</body>
</html>