📝 Mein Formular Baukasten

Dies ist eine VS Code Extension, um blitzschnell vollständige HTML-Formulare zu erstellen. Perfekt für den Informatik-Unterricht, Prüfungen oder schnelles Prototyping.

✨ Funktionen

Dieses Tool bietet ein interaktives Menü, mit dem man sich sein Formular "zusammenklicken" kann.

• 🚀 Komplettes Formular: Erstellt ein ganzes Kontaktformular mit einem Klick.
• 🧱 Modulares System: Baue Formulare Schritt für Schritt (Start -> Fieldset -> Inhalt -> Ende).
• 🧠 Intelligente Platzhalter: Felder kommen mit placeholder-Texten (z.B. "MAX MUSTERMANN") für schnelleres Editieren.
• 🎨 Spezial-Elemente:
  • Fieldsets (Gruppenrahmen)
  • Radio-Buttons (Anrede)
  • Checkboxen (AGB)
  • Dropdowns (Select)
  • Textareas (Große Textfelder)
• 🏁 Auto-Close: Der Absende-Button schließt automatisch das <form>-Tag.

🚀 Verwendung

1. Öffne eine HTML-Datei.
2. Öffne die Befehlspalette (Strg + Shift + P auf Windows).
3. Suche nach "Formular Baukasten starten".
4. Wähle aus dem Menü das gewünschte Element aus.

Empfohlener Workflow

1. Wähle "1️⃣ Grundgerüst".
2. Wähle "🖼️ Fieldset".
3. Fülle das Fieldset mit Inhalten (Namen, Adressen, etc.).
4. Wähle "🏁 Button & Ende", um das Formular abzuschließen.

📋 Beispiel-Output

Das Tool generiert sauberen HTML-Code wie diesen:

<form action="SENDEN.PHP" method="post">
    <fieldset>
        <legend>PERSÖNLICHE DATEN</legend>
        <label for="vorname">Vorname:</label>
        <input type="text" id="vorname" name="vorname" placeholder="MAX">
        <br>
    </fieldset>
    <button type="submit">ABSENDEN</button>
</form>