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
पता संपर्क करें

+91 7877547686

ई-मेल

onlinecbtportal@gmail.com

हेल्पलाइन नंबर

+91 7877547686


डाउनलोड करने के लिए क्लिक करें
Get it on Google Play

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

WhatsApp Chat