Как данные отправляются на сайт
Что происходит при клике на кнопку
Как данные отправляются на сайт
Итак, все данные введены: написан и оформлен надлежащим образом текст, загружены файлы изображений. Что дальше? А дальше всё это нужно передать на сервер (на сайт) для дальнейшей обработки. Для этой цели, как правило в конце формы, устанавливается кнопка с надписью "Отправить!" или что-то вроде этого. Код кнопки довольно простой:
114 <!-- Кнопка "ОТПРАВИТЬ" -->
115 <p class='btn_new_message'><input type="submit" class='new_message' name="new_message" value="Отправить!"></p>
116 </form>117 </div> <!-- Закрывающий тег (блок-контейнер, строка 28) -->
При копировании кода строку 115 пропишите без переноса! Здесь это сделано исключительно для удобства просмотра!
Так как <input> элемент строчный, то для удобства он заключён в теги <p> (что бы это был отдельный блок). В данном варианте <input> используется как кнопка для отправки данных на сервер - это установлено атрибутом type. Для оформления элемента, как обычно, кнопке присвоен class, а для идентификации обработчиком присвоено имя (name). Значение value выводится на саму кнопку.
Что происходит при клике на кнопку
В первую очередь браузер проверит правильность заполнения формы. Если найдутся пустые обязательные к заполнению поля, браузер выдаст предупреждение. Если всё заполнено верно, будет сформирован запрос типа GET или POST. Обычно для передачи данных на сервер используется метод POST, и именно он указан в атрибуте metod в строке 30 (глава 7).
Пропишите указанный код в создаваемом файле, сохраните, перейдите на сайт и перезагрузите страницу. При необходимости настройте вид созданного элемента.
Каким образом формируются данные будет подробно разобрано в следующих главах, а пока стоит закончить составление данного файла и дописать последние строки; какие именно читайте в следующей главе.
