Course Registration Form
Personal Details
First Name
Surname
Mobile Number
Email
Password
Confirm Password
DOB
Gender
Male
Female
Custom
Select Country
-- Select --
INDIA
USA
China
UK
Canada
Upload Picture
Course Details
Select Course
-- Select Course --
Python Full Stack
Java Full Stack
MERN STACK
Python for DataScience
Delivery Mode
ONLINE
OFFLINE
Comments
Additional Input Types (For Teaching)
Website URL
Search
Age (number)
Experience Level (range)
0-10
Preferred Time
Interview Date & Time
Preferred Start Month
Preferred Week
Favorite Color
Hidden Field
(hidden: form-id="COURSE-REG-2026")
Primary Skill (datalist)
Specialization (optgroup)
-- Select --
React
Angular
Vue.js
Node.js
Django
Spring Boot
MySQL
MongoDB
PostgreSQL
Hobbies (multiple select)
Reading
Coding
Gaming
Music
Sports
(Hold Ctrl/Cmd to select multiple)
Documents (multiple files)
Important Attributes Demo
readonly
disabled
autofocus
pattern (letters only)
Output Elements
output
Result appears here
progress (70%)
70%
meter (60%)
60%
Button Types
input type="submit"
input type="reset"
input type="button"
input type="image"
<button> element
🎉 Button Element