Lab Performance 2

Responsive Form — All the Inputs

Packed examples of common HTML5 form controls with a modern look.

WE

Lab Performance 2

Title: Basic Form with All Inputs

Md. Sadat Alam Protik

Student ID: 0242220005101858

Section: 63_M

Program: BSc in CSE

Department: Computer Science

Blood: A+

Valid Thru June 30, 2026

Registration & Preferences

Examples include validation, accessibility, and responsive layout.

Account

Username 3–20 characters, lowercase letters and numbers.

Password Min 8 chars. Use a mix of letters, numbers & symbols.

Confirm Password

Search (site)

Contact

Full name

Email

Phone

Website

Address

Dates & Time

Date

Time

Date & time

Month

Week

Numbers & Range

Quantity

Price (step .01)

Volume

50

Favorite color

Choices

Gender

Female Male Other

Interests

HTML CSS JavaScript UX

Country Bangladesh India Nepal United Kingdom Germany

Languages (multiple) English Bengali Hindi Arabic Chinese Hold Ctrl (Windows) to select multiple.

Skill with suggestions

Uploads

Profile photo

IMG

Drag & drop an image here

or click to choose a file

Documents (multiple)

DOC

Drag & drop documents here

PDF, DOC, DOCX, ZIP — or click to choose

Image submit This is an image button (acts like submit).

Misc & Hidden

Read-only field

Disabled field

Hidden field Hidden inputs carry metadata in submissions.

Status

demo