Элемент input
Типы элемента "Input"
- Поле
-
- text: обычное текстовое поле
- password: тоже текстовое поле, отображаются звездочки
- hidden: скрытое поле
- email: поле для адреса электронной почты
- number: поле для ввода чисел
- tel: поле для ввода телефона
- url: поле для ввода адреса url
- Управление, информ, выбор
-
- submit: кнопка отправки формы
- range: ползунок для выбора числа из некоторого диапазона
- file: поле для выбора отправляемого файла
- image: создает кнопку в виде картинки
- color: поле для ввода цвета
- Дата
- date: поле для ввода даты
- datetime: поле учетом часового пояса
- datetime-local: поле без учета часового пояса
- month: поле для ввода года и месяца
- time: поле для ввода времени
- week: поле для ввода года и недели
- ...другие элементы формы
-
- button: создает кнопку
- select: выпадающий список
- label: создает метку, которая отображается рядом с полем ввода
- textarea: многострочное текстовое поле
Кнопки | Текстовые поля
Атрибуты текстового поля:
- maxlength: максимальное количество символов
- pattern: определяет шаблон, которому должен соответствовать вводимый текст
- placeholder: установленный текст-подсказка
- readonly и disabled: только для чтения
- required: поле не должно быть пустым
- size:устанавливает ширину текстового поля в видимых символах
- value:значение по умолчанию
datalist
Метки и автофокус
Элементы ввода чисел