OnlineCBT Logo OnlineCBT
HTML Tutorial
HTML · LESSON 30

Input Types

By Ratan Updated: 16 Oct 2026

Explore common HTML input types like text, password, email, number, submit, and reset.

Level: Beginner to Advanced
Duration: ~60 Mins Deep-Dive

1. Core HTML5 Input Types

The element adapts its behavior, visual UI, and mobile keyboard layout depending on the type attribute:

Type Usage Mobile Keyboard Triggered
type="text" General single-line text input (e.g. name, city). Standard alphanumeric keyboard.
type="password" Masks typed characters with bullets for security. Standard keyboard with auto-correct disabled.
type="email" Validates presence of @ and domain format. Brings up @ and .com shortcut keys.
type="tel" Telephone numbers. Numeric keypad.
type="number" Numeric values with increment/decrement steppers. Numeric keypad.
type="date" Native interactive calendar picker. Date wheel / calendar modal.

📝 Live Lesson Practice

HTML/CSS JavaScript Python C++ C PHP
⌨️ Practice Inputs (लाइव इनपुट भरें) (खाली होने पर RED, भरने पर GREEN underline)
💻 Code Editor (Monaco VS Code Engine)
👀 Live Preview
Address Contact

+91 7877547686

E-mail

onlinecbtportal@gmail.com

Helpline Number

+91 7877547686


Click To Download
Get it on Google Play

ऐप डाउनलोड करने
के लिए Google Play पर
उपलब्ध है

WhatsApp Chat