Формы в веб-сайтах
Введение
Да. Интернет объединил миллионы цифровых документов в цифровую сеть. Но что еще более важно, он объединил людей и дал им возможность загружать в интернет тексты, фотографии и видео. Он дал нам возможность общаться в цифровом измерении. Именно возможность общения, обмена мнениями, создания и распространения информации была одним из ключевых факторов роста популярности Всемирной паутины, когда она появилась.
И поэтому элементы, которые позволили сайтам обеспечить возможность общения, крайне важны в цикле материалов об анатомии веб-сайтов. Речь идет, конечно, о формах.
Формы и их составляющие
Что такое форма
В физическом мире, когда мы в контексте документа говорим слово «форма», то представляем что-то вроде такого:
![](/image/wide/bec4389f-7c0e-4712-8137-184cd4a45776.png)
Как правило, форма — это скучный, объемный, написанный формальным языком бюрократический инструмент интеллектуальных пыток. Но вместе с тем, это способ собирать типичную информацию в структурированным образом. Идея формы определенного стандарта заключается в том, что в ней будет определенное количество полей, все они будут всегда одинаковыми и расположены в установленном порядке. То есть, бумажная форма — это совокупность полей информации. Кстати, избирательный бюллетень — это тоже бумажная форма, но проще.
![](/image/wide/4f939f5d-8482-466c-8274-60ca66af725a.png)
Стандартная структура форм позволяла впоследствии специалисту, к которому эти бумажные формы поступали, переносить их содержание в бумажный каталог, в котором информация, собранная из всех форм, сохранялась в виде таблицы. Впоследствии, с появлением компьютеров, бумажные таблицы превратились в цифровые, но суть процесса не изменилась — стандартная форма помогала собирать данные в таком виде, чтобы их было легко переносить в таблицу. Эти вот таблицы с данными еще называют базами данных.
![](/image/wide/3a7ce3e9-b782-422e-9084-4b787544ed3d.png)
Такие структурированные базы данных позволяли облегчить работу с большими массивами информации, упорядочить ее. И несмотря на бюрократизм процессов, сопровождавших заполнение форм, в случае обращения в справочную службу за информацией относительно адреса какого-то учреждения или о конкретном специалисте, можно было довольно быстро все выяснить.
![](/image/wide/f4c50ff9-df53-4fbc-9f3f-e6645791e625.png)
Именно бумажные формы были предками форм цифровых.
Общая идея здесь сохранилась, форма — это совокупность стандартных полей информации. Но в цифровых формах в дополнение к процессу заполнения есть еще и отправка формы. Она происходит, когда вы нажимаете на связанную с формой кнопку.
То есть, если раньше какой-то специалист переносил заполненные формы в бумажную или цифровую таблицу вручную, то формы веб-сайтов с помощью средств программирования позволяли делать это автоматически.
![](/image/wide/f38ec2ab-cff8-4879-89c6-27406fe2ac2f.png)
Причем автоматизация этого процесса позволила существенно облегчить и ускорить не только процесс наполнения баз данных, но и процесс получения данных из этой базы.
То есть цифровые формы могут служить как для передачи какой-либо информации, так и для ее получения. Например, форма заказа на сайте интернет-магазина передает информацию о заказчике, товаре, который его интересует, адресе доставки товара и статуса оплаты. После отправки этой формы указанная информация сохранится в базе данных интернет-магазина.
![](/image/wide/c248aa62-d0bc-4f65-9e46-4c9e989b0c2e.png)
Еще один пример формы — это поле ввода на сайте Google. В нем вы указываете любую информацию и получаете соответствующий запросу результат.
![](/image/wide/448328b8-b88e-4ae0-8149-ef37aedc7cd6.png)
Если обобщить, можно сказать, что цифровые формы — это средство для передачи и получения информации. Собственно, общение с веб-сайтом или с другими интернет-пользователями.
В веб-сайтах все формы заворачиваются в тег <form>.
Теперь попробуем выяснить, из каких элементов состоят формы.