A
Anonymous

Job Posting Form - Copy this React, Tailwind Component to your project

Create a job posting form with the following fields: Job Title (Required): Text input for the job title. Poster: Text input for the poster's name or identifier. Poster Number: Numeric input for the poster's phone number. Poster Email: Text input for the poster's email address. Mode of Message: Dropdown selection for preferred communication methods (e.g., Email, SMS, etc.). Location: Text input for the job's location. Locality: Text input for more specific locality, defaulting to "not applicable" if unknown. Category: Dropdown for the job category (e.g., IT, Healthcare, Construction, etc.). Pay Rate (Required): Numeric input for the pay rate. Pay Type (Required): Dropdown to select the pay type (e.g., Hourly, Weekly, Monthly). Image (Required): File upload for an image related to the job (e.g., company logo or relevant image). Job Type (Required): Dropdown to select job type (e.g., Full time, Part time, Freelance). Job Description (Required): Textarea for a detailed job description. Experience: Text input for experience level, defaulting to "not applicable" if not required. Qualification: Text input for qualification, defaulting to "not applicable" if not required. Short Description (Required): Textarea for a brief job summary. Appliers Count: Numeric input to indicate the number of applicants, defaulting to 0. Negotiation: Checkbox to indicate if pay is negotiable. Job Applying Mode: Text input for the job application process (e.g., Online, Walk in, etc.). Form Submission Path (Required): Text input for the form submission URL or path. Offered By (Required): Text input for the name of the person or company offering the job. Poster Duration (Required): Numeric input for how long the job posting will remain active (in days). Notes: Mark fields that are required with an asterisk (*) to make it clear which inputs are mandatory. Use appropriate form validation to ensure required fields are filled in and correct data types are entered (e.g., numeric input for pay rate). Add placeholders or default values where applicable (e.g., "not applicable" for locality, experience, and qualification fields). Include hints for fields like "Job Applying Mode" and "Mode of Message" to guide the user on how to fill them.

Prompt
Component Preview

About

JobPostingForm - Create detailed job postings with required fields, dropdowns, and validation, professionally built with React and Tailwind. Get component free!

Share

Last updated 1 month ago