Помимо структуры веб-документа, это наиболее важное использование HTML в работе на сегодняшний день. Он большой, пристегнитесь.
Элемент ‹form› охватывает различные элементы для ввода информации и закрывается тегом ‹/form›. Все элементы формы имеют два основных атрибута. Атрибуты name и id задают входным данным имя для отправки, конкретный идентификатор и тип отображения.
Имена служат ссылкой на данные после их отправки, а также в JavaScript. Важно отметить, что только именованные входные данные могут отправлять свои данные.
Идентификаторы связывают ввод с метками с соответствующими именами и работают так же, как идентификаторы для других элементов в отношении таблиц стилей и JavaScript.
Есть девять различных элементов, которые могут содержать формы. ‹textarea› и ‹select› являются общими и представляют собой большие текстовые поля и раскрывающиеся меню соответственно.
Элементы ‹input› являются наиболее важными и имеют почти два десятка типов. Ниже приведены некоторые из наиболее популярных доступных:
type="text"принимает любой ввод, включая числа и символы, и является типом ввода по умолчанию.
type="number"принимает только числа. Он также добавляет увеличивающиеся кнопки со стрелками вверх и вниз в поле в большинстве браузеров.
type="checkbox"отображает квадратный флажок, который можно поставить или снять по желанию.
type="radio"отличается от флажка тем, что можно выбрать только одно радио в одной группе, и если это так, его нельзя отменить.
type="submit"работает с формой для отправки всей информации, доступной в других полях, на серверную часть, обычно на сервер или файловую систему хоста, прикрепленную к веб-странице.
type="button" обычно не используется вместо тега ‹button› в HTML или стилизованных ссылок в CSS.
Наконец, у нас есть ‹метка›. Метки специфичны для элементов формы, но в остальном работают так же, как и другие текстовые элементы. Разница в их особом отношении. При размещении до или после элемента формы метка будет отображаться на одной линии с ним либо перед, либо позади, соответственно. Пользователям, желающим поместить метку в отдельную строку, достаточно использовать тег разрыва ‹br›.
Точно так же, как каждый входной тег должен иметь идентификатор, каждая метка должна иметь атрибут for. Это должно быть то же значение, что и идентификатор связанного элемента, чтобы метка могла быть привязана к нему.
Попробуйте, это довольно занимательно. И всегда не забывайте проверять документацию или библиотеки веб-разработки, чтобы расширить свои знания за пределы основ.
