Document ID: /fineweb-2-swissfilter-quality_10-filterrobots/filtered/03135.jsonl.gz/2083

Übung HTML Simple Form
Http Mirror Server
HTML Formulare werden in der Regel direkt oder indirekt an den Server für die Verarbeitung der Anfrage gesendet. Die Verlinkung erfolgt direkt über das Attribute action des <form>-Tags oder indirekt über eine Javascript URL. Für diese Übung definieren wir die URL via action Attribut und verwenden den Simtech Http Mirror.
Formular
Erstellen Sie ein neues Verzeichnis z.B. forms/simple für diese Übung und kopieren Sie die Datei index.html in das Verzeichnis. Belassen Sie header, footer und navigation. Definieren Sie im Body das folgende Formular:
Definieren Sie auf der Einstiegssite in der Navigation den Link auf die Simple Form Site. Damit sollte man zwischen beiden Sites navigieren können.
Definieren Sie im action Attribut den Link auf den Mirror Server und testen Sie das Formular indem sie solches absenden (Submit):
Wechseln Sie die Form Method zwischen GET und POST und verifizieren Sie das Resultat mit dem Mirror Endpoint.
Styles
Damit das Formular einen besseren Eindruck macht definieren wie einige CSS Styles direkt via <style>-Element, z.B:
<style type="text/css"> form { padding: 2em; text-align: center; } input[type=text] { padding:5px; border:2px solid #ccc; -webkit-border-radius: 5px; border-radius: 5px; font-size: 20px; } input[type=submit] { padding: 1em; font-size: 20px; } </style>
Lösung
Mögliche Lösungen finden Sie hier.