Job application form HTML template

A lightweight application form for small-business hiring — the essentials of who’s applying and why, without the account-creation hurdles of big applicant systems that lose good candidates halfway.

The form

The HTML

<style>
  .hf-form { display: grid; gap: 0.75rem; max-width: 28rem; font-family: system-ui, sans-serif; }
  .hf-form label { font-weight: 600; font-size: 0.9rem; }
  .hf-form input, .hf-form textarea, .hf-form select {
    width: 100%; padding: 0.5rem 0.6rem; font: inherit;
    border: 1px solid #ccc; border-radius: 6px; box-sizing: border-box;
  }
  .hf-form button {
    justify-self: start; padding: 0.55rem 1.4rem; font: inherit; font-weight: 600;
    background: #0b6e4f; color: #fff; border: none; border-radius: 6px; cursor: pointer;
  }
  .hf-hp { position: absolute; left: -9999px; }
</style>

<form class="hf-form" action="https://example.com/your-endpoint" method="POST">
  <label for="full-name">Full name</label>
  <input type="text" id="full-name" name="full-name" required>
  <label for="email">Email</label>
  <input type="email" id="email" name="email" required>
  <label for="phone">Phone</label>
  <input type="tel" id="phone" name="phone">
  <label for="position-applied-for">Position applied for</label>
  <input type="text" id="position-applied-for" name="position-applied-for" required>
  <label for="link-to-cv-or-portfolio">Link to CV or portfolio</label>
  <input type="text" id="link-to-cv-or-portfolio" name="link-to-cv-or-portfolio">
  <label for="why-are-you-a-good-fit">Why are you a good fit?</label>
  <textarea id="why-are-you-a-good-fit" name="why-are-you-a-good-fit" rows="5" required></textarea>
  <!-- honeypot: humans never see this; bots fill it in. Drop submissions where it has a value. -->
  <input class="hf-hp" type="text" name="website" tabindex="-1" autocomplete="off" aria-hidden="true">
  <button type="submit">Submit application</button>
</form>

Fields in this template

• Full name — text, required
• Email — email, required
• Phone — phone number, optional
• Position applied for — text, required
• Link to CV or portfolio — text, optional
• Why are you a good fit? — multi-line text, required

Tips for a job application form that works

• Ask for a link to a CV rather than a file upload — file uploads need server-side handling, and a link keeps the form static and simple.
• One open question beats five: "why are you a good fit" tells you more than a checklist of self-rated skills.
• Applications are personal data — say how long you keep them, and actually delete them when the position closes.

Questions

Can applicants upload a CV file?

Not with a purely static form — file uploads need an endpoint configured to receive them. The link field is the simple alternative: most candidates have a CV in a cloud drive or a portfolio online.

What about GDPR and applications?

If you hire in the EU, applications are personal data: tell candidates how long you keep them and delete on schedule. A one-line notice under the form is usually enough for a small business.

From the same maker

Need more than a form?

Tentmaker Stores gives you a complete online store — product pages, checkout and everything in between. Built for small makers and niche sellers.