The Complete HTML Form Encyclopedia

Accessibility & GUI Guide

This reference includes every standard HTML5 input type. We've added specific CSS to ensure the Calendar and Time GUI pickers are visible and easy to click.

Technical Explanation: We use ::-webkit-calendar-picker-indicator to ensure the GUI triggers are high-contrast and clickable.

ADA Compliance: Every input is explicitly linked to a label for screen-reader clarity.

1. Text & Identity Inputs

Full Name (Text)

Email Address (Type: email)

Secure Password (Type: password) Characters are hidden.

Phone Number (Type: tel)

Website URL (Type: url)

Internal Search (Type: search)

2. Quantitative & Visual Data

User Age (Type: number)

Volume Control (Type: range)

Color Picker (Type: color)

Hidden Input (Exist in code: type="hidden")

3. Temporal Inputs (GUI Pickers)

Specific Date (Type: date)

Specific Time (Type: time)

Local Date & Time (Type: datetime-local)

Month/Year (Type: month)

Week of Year (Type: week)

4. Decision & Selection

Select + OptGroup

Datalist (Text + Hints)

Subscription (Radio)

Free Pro

Add-ons (Checkbox)

Support Storage

5. Media & Composition

Upload File (Type: file)

Biography (Textarea)

Submission Payload: