How to create a Job Application Form
Hiring and interviewing applicants is one of the most important actions we take in our business. It's important that we spend our time focusing on applicants that could be a great fit for the position, while screening out those who don't qualify as quickly and efficiently as possible. A good application form should be able to give you insights about a potential candidate by asking the right questions and providing more information than a basic contact form.
The major goals of an employment application include:
- Capturing applicant contact information
- Learning more about the candidate's passions and past experience
- Questions that convey the desired personal character for the role
While job applications will vary from business to business, this easy-to-use template should get you started with a set of questions that should indicate whether a candidate is a solid fit for a follow up interview. Make a checklist of the desired qualities for your perfect candidate before-hand and compare to the fields below. Feel free to add any we missed and/or change wording to personalize this form for your small business.
Job Application Form Example
HTML Code For An Employment Job Application Form
<form action="https://formeezy.com/api/v1/forms/YOUR_FORM_ID/submissions" method="POST" class="w-full space-y-6">
<fieldset>
<label for="name" class="font-semibold pb-2 block">Full Name</label>
<input type="text" id="name" name="name" placeholder="Enter name" required="" class="bg-gray-100 w-full rounded border px-3 py-1" />
</fieldset>
<fieldset>
<label for="email" class="font-semibold pb-2 block">Email Address</label>
<input type="email" id="email" name="email" placeholder="myemail@mydomain.com" required="" class="bg-gray-100 w-full rounded border px-3 py-1" />
</fieldset>
<fieldset>
<label for="phone" class="font-semibold pb-2 block">Phone Number</label>
<input type="tel" id="phone" name="phone" placeholder="555-555-5555" required="" class="bg-gray-100 w-full rounded border px-3 py-1" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" />
</fieldset>
<fieldset>
<label for="source" class="font-semibold pb-2 block">How did you hear about us?</label>
<textarea id="source" name="source" placeholder="Enter a short response" required="" class="bg-gray-100 w-full rounded border px-3 py-1"></textarea>
</fieldset>
<fieldset>
<label for="why_work_here" class="font-semibold pb-2 block">Why do you feel you are a good fit for this role?</label>
<textarea id="why_work_here" name="why_work_here" placeholder="Enter a short response" required="" class="bg-gray-100 w-full rounded border px-3 py-1"></textarea>
</fieldset>
<fieldset>
<label for="describe_yourself" class="font-semibold pb-2 block">Describe yourself in a few words</label>
<textarea id="describe_yourself" name="describe_yourself" placeholder="Enter a short response" required="" class="bg-gray-100 w-full rounded border px-3 py-1"></textarea>
</fieldset>
<fieldset>
<label for="experience" class="font-semibold pb-2 block">How can your experience assist you in this position?</label>
<textarea id="experience" name="experience" placeholder="Enter a short response" required="" class="bg-gray-100 w-full rounded border px-3 py-1"></textarea>
</fieldset>
<fieldset>
<label for="accomplishments" class="font-semibold pb-2 block">What are your most important accomplishments? (Personal or Professional)</label>
<textarea id="accomplishments" name="accomplishments" placeholder="Enter a short response" required="" class="bg-gray-100 w-full rounded border px-3 py-1"></textarea>
</fieldset>
<fieldset>
<label for="challenges" class="font-semibold pb-2 block">What was the most difficult challenge you have faced and how did you overcome it?</label>
<textarea id="challenges" name="challenges" placeholder="Enter a short response" required="" class="bg-gray-100 w-full rounded border px-3 py-1"></textarea>
</fieldset>
<fieldset>
<label for="able_to_commute" class="font-semibold pb-2 block">Are you able to commute to our location?</label>
<select id="able_to_commute" name="able_to_commute" required="" class="bg-gray-100 w-full rounded border px-3 py-2">
<option selected="" disabled="">Select an option</option>
<option value="yes">Yes</option>
<option value="no">No</option>
</select>
</fieldset>
<fieldset>
<label for="resume" class="font-semibold pb-2 block">Please upload your resume (CV)</label>
<input type="file" id="resume" name="resume" required="" class="bg-gray-100 w-full rounded border px-3 py-1" />
</fieldset>
<button class="bg-cyan-500 rounded-lg text-white px-3 py-2 font-semibold w-full" type="submit">Apply For Job</button>
<a target="_blank" rel="noopener noreferrer" style="color:rgba(156, 163, 175)" href="https://tailwindcss.com/" class="block w-full pt-2 text-sm text-center">This example uses Tailwind CSS</a>
</form>