alle Vorlagen

HTML Vorlage Bewerbungsformular

Vereinfachen Sie die Suche und Auswahl potenzieller Mitarbeiter, mit unserem grundlegenden Bewerbungsformular für Ihre Website. Übernehmen Sie dazu den HTML-Code als Vorlage und passen Sie ihn an Ihre Erfordernisse an.

Stelle
Persönliche Angaben
Bewerbungsunterlagen

mögliche Dateitypen: DOC, PDF. Maximale Dateigröße: 10 MB.

Einbau in Ihre Website

Mit folgenden 3 Schritten richten Sie das Formular auf Ihrer Webseite ein, inklusive Benachrichtigung bei neuen Sendungen und Speicherung der Sendungsdaten.

1. Schritt: HTML-Code übernehmen

Kopieren Sie folgenden HTML-Code und fügen Sie ihn an der gewünschten Stelle in den Quelltext Ihrer Seite ein.

<form action="SENDEADRESSE" id="ft-form" method="POST" accept-charset="UTF-8" enctype="multipart/form-data">
  <fieldset>
    <legend>Stelle</legend>
    <label>
      Bewerbung für *
      <select name="Bewerbung für" required>
        <option>Stelle XY</option>
        <option>Stelle YZ</option>
      </select>
    </label>
  </fieldset>
  <fieldset>
    <legend>Persönliche Angaben</legend>
    <div class="two-cols">
      <label>
        Vorname *
        <input type="text" name="Vorname" required>
      </label>
      <label>
        Familienname *
        <input type="text" name="Familienname" required>
      </label>
    </div>
    <div class="two-cols">
      <label>
        Staatsbürgerschaft
        <input type="text" name="Staatsbürgerschaft">
      </label>
      <label>
        Geburtsdatum
        <input type="date" name="Geburtsdatum">
      </label>
    </div>
    <label>
      Adresse
      <input type="text" name="Adresse">
    </label>
    <div class="two-cols">
      <label>
        PLZ
        <input type="text" name="PLZ">
      </label>
      <label>
        Ort
        <input type="text" name="Ort">
      </label>
    </div>
    <div class="two-cols">
      <label>
        Telefon *
        <input type="tel" name="Telefon" required>
      </label>
      <label>
        E-Mail-Adresse *
        <input type="email" name="E-Mail" required>
      </label>
    </div>
  </fieldset>
  <fieldset>
    <legend>Bewerbungsunterlagen</legend>
    <input type="hidden" name="MAX_FILE_SIZE" value="10485760">
    <div class="two-cols">
      <label>
        Bewerbungsschreiben
        <input type="file" name="Bewerbungsschreiben" accept=".doc,.docx,.pdf">
      </label>
      <label>
        Lebenslauf
        <input type="file" name="Lebenslauf" accept=".doc,.docx,.pdf">
      </label>
    </div>
    <p>mögliche Dateitypen: DOC, PDF. Maximale Dateigröße: 10 MB.</p>
  </fieldset>
  <fieldset>
    <div>
      <label>
        <input type="checkbox" name="Datenverarbeitung bestätigt" value="Ja" required>
        Ich bestätige, dass ich mit der Verarbeitung meiner Eingaben für die Bearbeitung dieser Bewerbung, einverstanden bin. *
      </label>
    </div>
  </fieldset>
  <div class="btns">
    <input type="text" name="_gotcha" value="" style="display:none;">
    <input type="submit" value="Bewerbung absenden">
  </div>
</form>

2. Schritt: Anpassen des Formulars

Passen Sie diesen HTML-Code frei nach Ihren Anforderungen an, wenn sie beispielsweise weitere Eingabefelder hinzufügen möchten.

Bitte beachten Sie, dass Dateiuploads bei form.taxi nur in Verbindung mit mit einem PRO-Account unterstützt werden!

Die Darstellung und Design des Formulars wird mit CSS definiert und kann frei und entsprechend dem Erscheinungsbild Ihrer Homepage erstellt werden. Übernehmen Sie unser vorbereitetes Stylesheet. Dieses bietet ein Standard-Design für die Darstellung des Formulars (wie auf dieser Seite), welches für die meisten Websites passend sein sollte:

ft-form-styles-v3.css

3. Schritt: Sendeverbindung herstellen

Damit die Eingaben Ihres Formulars empfangen werden, ist im Formular nur noch die Eintragung einer individuellen Sendeadresse erforderlich. Am Besten nutzen Sie dafür den Sende-Service von form.taxi.

Fordern Sie die Sendeadresse an und tragen Sie diese Adresse im HTML-Quellcode des Formulars, an der Stelle von SENDEADRESSE ein. Anschliessend ist Ihr Formular bereits einsatzbereit. Registrieren Sie jetzt das Formular bei form.taxi um Ihre Sendeadresse zu erhalten: