Загрузка...

Атрибуты input HTML

Кроме type, у input есть атрибуты правил и подсказок: required, placeholder, диапазоны и др.

Прямой ответ

Частые: name, id, value, placeholder, required, min, max, step, maxlength, pattern, disabled, readonly. Помогают пользователю и браузеру — важное проверяйте на сервере.

📊 Полезные атрибуты input

Attribute Role
placeholder Hint text inside an empty field
required Field must be filled before submit
min / max / step Limits for number/date-like types
maxlength Max characters for text-like types
pattern Regex-like allowed pattern
disabled Control not usable / not submitted
readonly Visible but not editable

Attributes on inputs

html
HTML Code 
<label for="age">Age</label>
<input id="age" name="age" type="number" min="1" max="120" required>

<label for="code">Code</label>
<input id="code" name="code" type="text" maxlength="6" placeholder="ABC123" pattern="[A-Za-z0-9]{6}">

Попробуйте

  1. email required + placeholder
  2. number с min/max
  3. Пустая отправка — сообщение
  4. maxlength на короткий код

Типичные ошибки

  • Только проверки браузера
  • disabled на нужных для отправки полях
  • Слишком сложный pattern

Кратко

  • Атрибуты уточняют поведение
  • required, диапазоны, maxlength
  • placeholder — подсказка
  • label для каждого поля

🧠 Проверьте Свои Знания

Готов к Началу

Проверьте Свои Знания

Бросьте себе вызов с помощью этой интерактивной викторины и узнайте, насколько хорошо вы понимаете тему

❓
5
Вопросы
🎯
70%
Для Прохождения
♾️
∞
Время
🔄
∞
Попытки

📝 Инструкции

  • Внимательно прочитайте каждый вопрос
  • Выберите лучший ответ на каждый вопрос
  • Вы можете пересдавать тест столько раз, сколько захотите
  • Ваш прогресс будет показан вверху
Тема 1 из 1
Html Урок