Employment application
Formal employment application with availability.
Fields
Full nametextrequiredEmailemailrequiredPhonetelrequiredPositiontextrequiredEmployment typeselectAvailable start datedateExpected salarynumberSummary of experiencetextareaResume / CVfilerequired
Preview
Code
---
// EmploymentApplicationForm.astro — drop into src/components and render it in a page.
---
<form action="https://formward.eu/f/your-form-id" method="POST" enctype="multipart/form-data">
<label for="name">Full name</label>
<input type="text" name="name" id="name" required />
<label for="email">Email</label>
<input type="email" name="email" id="email" required />
<label for="phone">Phone</label>
<input type="tel" name="phone" id="phone" required />
<label for="position">Position</label>
<input type="text" name="position" id="position" required />
<label for="type">Employment type</label>
<select name="type" id="type">
<option value="Full-time">Full-time</option>
<option value="Part-time">Part-time</option>
<option value="Contract">Contract</option>
<option value="Internship">Internship</option>
</select>
<label for="start_date">Available start date</label>
<input type="date" name="start_date" id="start_date" />
<label for="salary">Expected salary</label>
<input type="number" name="salary" id="salary" />
<label for="summary">Summary of experience</label>
<textarea name="summary" id="summary"></textarea>
<label for="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>
Use this with Formward
Create a form, copy your endpoint, and replace https://formward.eu/f/your-form-id in the code above.