Grundlagen der Formularerstellung in HTML
Das HTML-Element <form> ist ein grundlegender Baustein zur Erstellung interaktiver Formulare auf einer Webseite. Es dient als Container für alle Formularelemente. Im Folgenden wird ein Beispiel für ein einfaches Formular vorgestellt:
Alle Beispiele enthalten das Attribut onsubmit="return false", um das Standardverhalten der Formularübermittlung zu verhindern. So bleibt der Fokus auf dem Verständnis der Formularerstellung und der Attribute.
index.html
Erläuterung der form-Attribute:
nameidentifiziert das Formular sowohl für Client als auch Server. Es darf Buchstaben, Zahlen, Unterstriche und Bindestriche enthalten, aber keine Leerzeichen;autocompletesteuert, ob der Browser Formularfelder automatisch ausfüllen kann (on oder off). Kann auf das Formular oder einzelne Eingabefelder angewendet werden;novalidatedeaktiviert die integrierte Browser-Validierung, nützlich, wenn die Validierung manuell mit JavaScript erfolgt.
Übersicht der Kindelemente
Innerhalb eines <form>-Elements werden verschiedene Elemente verwendet, die dessen Funktionalität bestimmen. <input> ermöglicht die Eingabe von Daten wie Text, Zahlen, E-Mails und Passwörtern. Im Beispiel verwenden die Felder type="email" und type="password". <label> liefert beschreibenden Text für Eingabefelder und verbessert die Struktur sowie die Zugänglichkeit des Formulars. <button type="submit"> sendet die Formulardaten ab. Standardmäßig wird dadurch die Seite neu geladen, dieses Verhalten kann jedoch mit JavaScript überschrieben werden.
Danke für Ihr Feedback!
Fragen Sie AI
Fragen Sie AI
Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen
Can you show me a complete example of a basic HTML form?
What are some common input types I can use inside a form?
How do I handle form submission with JavaScript?
Großartig!
Completion Rate verbessert auf 2.38Grundlagen der Formularerstellung in HTML
Swipe um das Menü anzuzeigen
Das HTML-Element <form> ist ein grundlegender Baustein zur Erstellung interaktiver Formulare auf einer Webseite. Es dient als Container für alle Formularelemente. Im Folgenden wird ein Beispiel für ein einfaches Formular vorgestellt:
Alle Beispiele enthalten das Attribut onsubmit="return false", um das Standardverhalten der Formularübermittlung zu verhindern. So bleibt der Fokus auf dem Verständnis der Formularerstellung und der Attribute.
index.html
Erläuterung der form-Attribute:
nameidentifiziert das Formular sowohl für Client als auch Server. Es darf Buchstaben, Zahlen, Unterstriche und Bindestriche enthalten, aber keine Leerzeichen;autocompletesteuert, ob der Browser Formularfelder automatisch ausfüllen kann (on oder off). Kann auf das Formular oder einzelne Eingabefelder angewendet werden;novalidatedeaktiviert die integrierte Browser-Validierung, nützlich, wenn die Validierung manuell mit JavaScript erfolgt.
Übersicht der Kindelemente
Innerhalb eines <form>-Elements werden verschiedene Elemente verwendet, die dessen Funktionalität bestimmen. <input> ermöglicht die Eingabe von Daten wie Text, Zahlen, E-Mails und Passwörtern. Im Beispiel verwenden die Felder type="email" und type="password". <label> liefert beschreibenden Text für Eingabefelder und verbessert die Struktur sowie die Zugänglichkeit des Formulars. <button type="submit"> sendet die Formulardaten ab. Standardmäßig wird dadurch die Seite neu geladen, dieses Verhalten kann jedoch mit JavaScript überschrieben werden.
Danke für Ihr Feedback!
