All templates

HTML template Application form

Simplify finding and selecting potential employees by using our basic application form for your website. To do this, use the HTML code as a template and adapt it to your requirements.

Job
Personal data
Application documents

Possible file types: DOC, PDF. Maximum file size: 10 MB.

Integration with your website

The following 3 steps will allow you to set up the form on your website, including notification of new submissions and saving the submission data.

1st step: Use HTML code

Copy the following HTML code and paste it into the source code of your page in the desired location.

<form action="SEND ADDRESS" id="ft-form" method="POST" accept-charset="UTF-8" enctype="multipart/form-data">
  <fieldset>
    <legend>Job</legend>
    <label>
      Application for *
      <select name="Application for" required>
        <option>Job A</option>
        <option>Job B</option>
      </select>
    </label>
  </fieldset>
  <fieldset>
    <legend>Personal data</legend>
    <div class="two-cols">
      <label>
        First name *
        <input type="text" name="First name" required>
      </label>
      <label>
        Family name *
        <input type="text" name="Family name" required>
      </label>
    </div>
    <div class="two-cols">
      <label>
        Citizenship
        <input type="text" name="Citizenship">
      </label>
      <label>
        Date of birth
        <input type="date" name="Date of birth">
      </label>
    </div>
    <label>
      Address
      <input type="text" name="Address">
    </label>
    <div class="two-cols">
      <label>
        ZIP Code
        <input type="text" name="ZIP">
      </label>
      <label>
        City
        <input type="text" name="City">
      </label>
    </div>
    <div class="two-cols">
      <label>
        Phone *
        <input type="tel" name="Phone" required>
      </label>
      <label>
        Email address *
        <input type="email" name="Email" required>
      </label>
    </div>
  </fieldset>
  <fieldset>
    <legend>Application documents</legend>
    <input type="hidden" name="MAX_FILE_SIZE" value="10485760">
    <div class="two-cols">
      <label>
        Application letter
        <input type="file" name="Application letter" accept=".doc,.docx,.pdf">
      </label>
      <label>
        Curriculum vitae
        <input type="file" name="Curriculum vitae" accept=".doc,.docx,.pdf">
      </label>
    </div>
    <p>Possible file types: DOC, PDF. Maximum file size: 10 MB.</p>
  </fieldset>
  <div class="btns">
    <input type="text" name="_gotcha" value="" style="display:none;">
    <input type="submit" value="Submit application">
  </div>
</form>

2nd step: Customize the form

Customize this HTML code according to your needs, for example, if you want to add more entry fields.

Please note that file uploads are only supported on form.taxi when using a PRO account!

You can use CSS to freely define the look and design of the form so that it matches the look of your homepage. Adopt our prepared stylesheet. This provides a standard design for the form's appearance (like on this page), which should be suitable for most websites:

ft-form-styles-v3.css

3rd step: Establish a transmission connection

In order to obtain the entries for your form, you must insert a custom send address in the form. We recommend that you use the submission service from form.taxi.

Request the send address, then insert this address in the HTML source code of the form in the place of SEND ADDRESS. Now your form is finally ready to use. Register the form with form.taxi to get your send address: