Web-Formulare für Websites erstellen (Praxis-Tutorial)

Hier erfährst du, worum es im Kurs geht und was du erwarten kannst.

Warum sollte man überhaupt HTML-Formulare nutzen und wie geht das generell?

Hier wird das Projekt erstellt, in das das erste Formular integriert wird.

Du erstellst dein erstes einfaches Formular und lernst die grundlegende Struktur kennen.

Wir beleuchten die vielfältigen Einsatzmöglichkeiten von HTML-Formularen in Webanwendungen.

Du lernst, wie du die von Benutzern eingegebenen Daten mit JavaScript ausliest und weiterverarbeitest.

Ich gehe auf die Gestaltungsmöglichkeiten von Formularen ein und stelle dir verschiedene Eingabefelder vor.

Du implementierst eine einfache E-Mail-Validierung, um sicherzustellen, dass die eingegebenen Daten dem E-Mail-Format entsprechen.

Wir beschäftigen uns mit numerischen Eingaben und den dazugehörigen Attributen zur Einschränkung der möglichen Werte.

Du lernst, wie du in JS Ereignisse abfangen kannst, die beim Ändern des Inhalts eines Eingabefeldes auftreten.

Wir vertiefen das Thema Ereignisbehandlung und setzen addEventListener für flexiblere Reaktionen ein.

Eine umfassende Zusammenfassung der verschiedenen input-Typen und ihrer Eigenschaften.

Wir klären die wichtigsten Attribute, um das Verhalten von Eingabefeldern zu steuern.

Du lernst, wie du mit regulären Ausdrücken und dem required-Attribut komplexe Validierungen durchführst.

Wir zeigen dir, wie du die Rechtschreibprüfung in deinen Formularen aktivieren bzw. deaktivieren kannst.

Du erfährst, wie du Passwortfelder erstellst.

Wir beginnen mit den Grundlagen der Checkboxen und ihren Einsatzmöglichkeiten.

Du lernst, wie du den Zustand von Checkboxen mit JavaScript ausliest und setzt.

Ich zeige verschiedene Möglichkeiten, um das Aussehen von Checkboxen anzupassen.

Ich erkläre die Funktionsweise von Radiobuttons und wie du sie in deinen Formularen verwendest.

Du lernst, wie du Benutzern erlaubst, Dateien hochzuladen.

Du vertiefst deine Kenntnisse zum Dateiupload und lernst, wie du die ausgewählte Datei mit JavaScript bearbeiten kannst.

Ich gehe auf den Einsatz von versteckten Eingabefeldern für die Übermittlung zusätzlicher Informationen ein.

Wir fassen die verschiedenen Möglichkeiten zur Eingabe von Zahlen zusammen.

Du lernst, wie du mit Range-Sliders einen bestimmten Bereich von Werten auswählen lässt und einen Schieberegler implementieren kannst.

Ich zeige dir, wie du Datums- und Zeiteingaben in deinen Formularen umsetzt.

Wir konzentrieren uns auf die speziellen Eingabefelder für E-Mail-Adressen und URLs.

Du lernst, wie du Farben über ein Farbauswahlfeld auswählen lässt.

Ich stelle dir die Eingabefelder für Suchbegriffe und Telefonnummern vor.

Du erfährst, wie du mehrzeilige Texteingaben mit dem textarea-Element realisierst.

Ich erkläre, wie du aus wählbare Listen mit dem select-Element erstellst.

Du lernst, wie du die Optionen in einer Auswahlliste gruppieren kannst.

Ich zeige dir, wie du Vorschlagslisten für Eingabefelder erstellst.

Du lernst, wie du die automatische Vervollständigung von Eingaben aktivierst.

Ich erkläre, wie du deine Formulare mit fieldset-Elementen strukturierst.

Eine umfassende Einführung in die clientseitige Formularvalidierung mit JavaScript.

Ich zeige, wie du die gesendeten Formulardaten auf dem Server mit Node.js und Express empfängst.

Du lernst, wie du Formulardaten mit der GET-Methode empfängst.

Ich erkläre, wie du Formulardaten mit der POST-Methode empfängst.

Wir beginnen mit der Erstellung eines React-Projekts und der Integration von Formularen.

Du lernst, wie du verschiedene Input-Elemente in React verwendest.

Wir setzen uns mit den select- und textarea-Elementen in React auseinander.

Ich zeige, wie du Formulare mit dem JavaScript-Framework Alpine.js behandelst.

Ich erkläre, wie du Formulare in Vue.js-Anwendungen integrierst.