Каталог
Веб-разработка с нуля: четыре курса по порядку.
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Каталог
HTML, затем CSS, JavaScript и SQL. Каждый курс говорит, что нужно знать до него и что вы будете уметь после.
Загружаем курсы…
Урок 37 из 70 · 10 мин
text, email, tel, url, password, number, range, date, time, color, search, hidden: правильный тип — удобная клавиатура и проверка бесплатно.
Люди жалуются: на телефоне в поле телефона открывается клавиатура с буквами 😤
Скажи мне type="tel" — открою цифры. Я всё умею, просто скажи.
typetext, email, tel, url, password, search, number, range, date, time, datetime-local, month, week, color, checkbox, radio, file, hidden, submit, reset, button, image.<input type="email">
<input type="tel">
<input type="date">
<input type="color">min<input type="date" min="2026-11-01">max<input type="number" min="1" max="8" value="2">step<input type="time" step="1800" value="10:00">type="text" с inputmode="numeric".number уберёт ведущие нули и покажет стрелочки.hidden<input type="hidden" name="promo" value="autumn">В форме брони поменяй типы полей, чтобы телефон открывал цифровую клавиатуру и браузер помогал с вводом: email → email, телефон → tel, дата → date, количество → number от 1 до 10.
type="email" — пока нетtype="tel" — пока нетtype="date" — пока нетВыберите один ответ.
Какой тип поля откроет на телефоне клавиатуру с символом @ и проверит формат адреса?
Выберите один ответ.
Какой тип поля лучше подходит для номера банковской карты?
Выберите все подходящие варианты.
Какие значения атрибута type существуют у <input>?
Проверяем состояние обучения…