75. Универсальный тег в HTML форме - тег INPUT

Для чего нужен тег <input>?

Самый распространенный тег в формах. Он очень универсальный. При помощи его можно создавать различные текстовые поля, кнопки, переключатели, то есть обеспечить взаимодействие с пользователем. Хоть тег <input> не обязательно помещать внутрь <form>, но если вам нужно отправить данные на сервер, то придется разместить в форме.

Рассмотрим самый главный атрибут – type. У него есть масса значений, и именно они определяют стиль <input>. Далее таблица:

А теперь рассмотрим все атрибуты тега <input>

<input type = "text" list = "list">
<datalist id = "list">
    <option>Урок 1</option>
    <option>Урок 2</option>
    <option>Урок 3</option>
</datalist>

Похожие уроки Codebra

1. Из элемента <input> с id = 1 сделайте поле для поиска
2. Из элемента <input> с id = 2 сделайте переключатель
3. Из элемента <input> с id = 3 сделайте выбор недели
4. Из элемента <input> с id = 4 сделайте текстовое поле
5. Из элемента <input> с id = 5 сделайте поле для отправки файла
6. Из элемента <input> с id = 6 сделайте кнопку для отправки формы
7. Из элемента <input> с id = 7 сделайте скрытое поле
8. Из элемента <input> с id = 8 сделайте поле для выбора календарной даты
9. Из элемента <input> с id = 9 сделайте поле для времени
10. Из элемента <input> с id = 10 сделайте поле для веб-адресов
11. Из элемента <input> с id = 11 сделайте флажок
12. Из элемента <input> с id = 12 сделайте поле с паролем
13. Из элемента <input> с id = 13 сделайте поле для указание местной даты и времени
14. Из элемента <input> с id = 14 сделайте поле для указание адресов электронной почты
15. Из элемента <input> с id = 15 сделайте ползунок для выбора чисел в указанном диапазоне

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте, Telegram.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить в нашей Telegram-группе.