Job application

Standard job application with role and resume details.

Why these fields

Full name: Full name captures a short, searchable answer and is required to complete the request.
Email: Email provides a validated reply address and is required to complete the request.
Phone: Phone provides a direct callback option but remains optional.
Position applied for: Position applied for captures a short, searchable answer and is required to complete the request.
Years of experience: Years of experience keeps answers consistent for filtering and routing but remains optional.
LinkedIn / portfolio URL: LinkedIn / portfolio URL captures a short, searchable answer but remains optional.
Cover letter: Cover letter leaves room for context and detail but remains optional.
Resume / CV: Resume / CV lets the respondent attach supporting evidence and is required to complete the request.

Fields

Full nametextrequiredEmailemailrequiredPhonetelPosition applied fortextrequiredYears of experienceselectLinkedIn / portfolio URLtextCover lettertextareaResume / CVfilerequired

Preview

Code

import { useState } from "react";

export function JobApplicationForm() {
  const [sent, setSent] = useState(false);

  async function onSubmit(e: React.FormEvent<HTMLFormElement>) {
    e.preventDefault();
    const form = e.currentTarget;
    const res = await fetch("https://forms.formward.eu/f/your-form-id", {
      method: "POST",
      headers: { Accept: "application/json" },
      body: new FormData(form),
    });
    if (res.ok) {
      setSent(true);
      form.reset();
    }
  }

  if (sent) return <p>Thanks! Your message has been sent.</p>;

  return (
    <form onSubmit={onSubmit}>
      <label htmlFor="name">Full name</label>
      <input type="text" name="name" id="name" required />
      <label htmlFor="email">Email</label>
      <input type="email" name="email" id="email" required />
      <label htmlFor="phone">Phone</label>
      <input type="tel" name="phone" id="phone" />
      <label htmlFor="position">Position applied for</label>
      <input type="text" name="position" id="position" required />
      <label htmlFor="experience">Years of experience</label>
      <select name="experience" id="experience">
        <option value="0-1">0-1</option>
        <option value="2-4">2-4</option>
        <option value="5-9">5-9</option>
        <option value="10+">10+</option>
      </select>
      <label htmlFor="linkedin">LinkedIn / portfolio URL</label>
      <input type="text" name="linkedin" id="linkedin" />
      <label htmlFor="cover_letter">Cover letter</label>
      <textarea name="cover_letter" id="cover_letter" />
      <label htmlFor="resume">Resume / CV</label>
      <input type="file" name="resume" id="resume" accept=".pdf,.doc,.docx" required />
      <input
        type="text"
        name="_gotcha"
        tabIndex={-1}
        autoComplete="off"
        style={{ position: "absolute", left: "-9999px" }}
        aria-hidden="true"
      />
      <button type="submit">Send</button>
    </form>
  );
}

Customize before publishing

Remove fields you do not need and mark only essential answers as required.
Replace placeholder wording with terms your audience already understands.
Add your privacy notice, retention details and expected response time.
Test keyboard focus, validation errors and the confirmation state on mobile.

Use this with Formward

Create a form, copy your endpoint, and replace https://forms.formward.eu/f/your-form-id in the code above.

Get started free →