Formulare ...

Vorbereitung:

Grundstruktur (form, action, method): https://www.w3schools.com/html/html_forms.asp
Eingabefelder (input, textarea): https://www.w3schools.com/html/html_form_input_types.asp
versteckte Elemente (hidden):

Buttons (senden/zurücksetzen): https://wiki.selfhtml.org/wiki/HTML/Elemente/form

Übertragung von Formulardaten

action = "1.html"   => nach "Absenden" wird die Datei 1.html aufgerufen
action = ""            => nach "Absenden" wird die gleiche Datei nochmals aufgerufen

action = "mailto:Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein." => nach "Absenden" werden die Daten an das eingerichtete email-Programm übergeben

method = "post" => Daten werden (für den User nicht sichtbar) über den HTTP-Header übertragen - notwendig bei action="mailto: ..."

method = "get"  => Daten werden an die URL angehängt - man erkennt, welche Variablen und welche Werte übertragen werden

Formatierung des Formulars mit CSS:

Eingabefelder für zB PLZ, Ort kommen nur 1 x im Formular vor und werden daher über id="..." identifiziert. Wenn zB alle Textfelder das gleiche Aussehen haben sollen, können sie über eine Klasse formatiert werden (class = "...").

Tipp: Legen Sie im Style-Bereich eine Klasse an (zB .eingabefeld), um Hintergrundfarbe, Rahmen, abgerundete Ecken usw. für Ihre Eingabefelder zu definieren