← Back to Demos
CSS: ON
HTML Forms & Inputs Demo
Basic Form Elements
Username:
Required field with placeholder text
Email:
Email input with built-in validation
Password:
Minimum 8 characters required
Bio:
Submit
Reset
<form> <label for="username">Username:</label> <input type="text" id="username" name="username" required> <label for="email">Email:</label> <input type="email" id="email" name="email" required> </form>
HTML5 Input Types
Number:
Min: 0, Max: 100, Step: 5
Phone:
Pattern: 123-456-7890
Website:
Date:
Time:
Favorite Color:
Volume:
50
Search:
Selection Elements
Choose your plan
Basic Plan - $9.99/month
Pro Plan - $19.99/month
Enterprise Plan - $49.99/month
Select features
SSL Certificate
CDN Integration
Advanced Analytics
Country:
Select a country
United States
United Kingdom
Canada
Australia
Other
Skills (multiple selection):
HTML
CSS
JavaScript
React
Node.js
Hold Ctrl/Cmd to select multiple
Advanced Form Features
City (with datalist):
Upload File:
Only image files accepted
Validation Examples
Age (18-100):
Username (alphanumeric, 3-16 chars):
Website (must start with https):
Validate & Submit
Form submitted!