Vanilla HTML + JavaScript Form
Basic Information
Text Input:
This field is required
Email Address:
Please enter a valid email address
Password:
Password must be at least 8 characters
Number Input:
Please enter a number between 0 and 100
Phone Number:
Please enter a phone number in format: 123-456-7890
Website URL:
Please enter a valid URL
Search Input:
Additional Fields
Date Input:
Time Input:
Date and Time Input:
Month Input:
Week Input:
Color Input:
Range Input:
File Input:
Hidden Input:
Alphanumeric Only:
Only letters and numbers are allowed
Disabled Input:
Selection Fields
Dropdown Selection:
Please select an option
Option 1
Option 2
Option 3
Multiple Selection:
Option 1
Option 2
Option 3
Option 4
Radio Buttons:
Option 1
Option 2
Option 3
Checkboxes:
Option 1
Option 2
Option 3
Text Areas
Text Area:
Read-only Text Area:
This text area is read-only.
Submit Form
Open Modal
Reset Form
×
Modal Window
This is a red herring modal instead of submitting the form.