0
HomeFree ToolsHTML-Kontaktformular-Generator
Generators · Free · No signup

HTML-Kontaktformular-Generator

Wählen Sie die gewünschten Felder und kopieren Sie sauberes, barrierefreies HTML. Funktioniert überall — WordPress, Webflow oder eine einfache HTML-Seite.

Frequently asked questions

Wohin gehen die Nachrichten?

Mit der mailto:-Aktion öffnet sich das E-Mail-Programm der Besucher. Für echten Serverversand tragen Sie im action-Attribut ein Formular-Backend wie LemForms ein.

Ist der erzeugte Code barrierefrei?

Ja — Labels sind korrekt verknüpft, Pflichtfelder sind gekennzeichnet und das Formular ist per Tastatur bedienbar.

Kann ich das Formular gestalten?

Ja. Der Code nutzt einfache Klassennamen, sodass Tailwind, Bootstrap oder eigenes CSS direkt greifen.

Ist der Generator kostenlos?

Ja. Ohne Anmeldung, ohne Limit und ohne Wasserzeichen.

Build the form behind the tool

LemForms is the form builder this tool plugs into — calculations, conditional logic, embeds, webhooks, and a real submissions dashboard. Free to start.

Try LemForms free

More free tools

  • Form Embed Code Generator
    Paste any form URL and get copy-paste embed code for WordPress, Webflow, Framer, Wix, Squarespace, Shopify, Notion and more.
  • NPS Score Calculator
    Calculate your Net Promoter Score in seconds. Enter promoters, passives, and detractors — get NPS, percentage breakdown, and industry context.
  • CSAT Score Calculator
    Calculate Customer Satisfaction Score (CSAT) instantly. Enter satisfied and total responses to get your CSAT percentage with the formula explained.
  • Survey Sample Size Calculator
    Calculate the minimum survey sample size for any population, confidence level, and margin of error. Free, no signup required.
Fields
<form action="mailto:you@example.com" method="post" enctype="text/plain" class="lf-form">
  <label class="lf-field">
    <span>Name *</span>
    <input type="text" name="name" required />
  </label>
  <label class="lf-field">
    <span>Email *</span>
    <input type="email" name="email" required />
  </label>
  <label class="lf-field">
    <span>Subject</span>
    <input type="text" name="subject" />
  </label>
  <label class="lf-field">
    <span>Message *</span>
    <textarea name="message" rows="5" required></textarea>
  </label>
  <button type="submit">Send message</button>
</form>

<style>
  .lf-form { display: grid; gap: 1rem; max-width: 480px; font-family: system-ui, sans-serif; }
  .lf-field { display: grid; gap: .35rem; }
  .lf-field span { font-size: .875rem; font-weight: 600; color: #111; }
  .lf-field input, .lf-field textarea {
    padding: .65rem .85rem; border: 1px solid #d4d4d8; border-radius: .5rem; font: inherit;
  }
  .lf-form button {
    padding: .75rem 1.25rem; border: 0; border-radius: .5rem; background: #FFD93D;
    color: #111; font-weight: 600; cursor: pointer;
  }
</style>