Витрина
Итак, вот основное, что должно быть на первой странице Интернет-магазина. Весь дизайн, все оформление остается на ваше собственное усмотрение – важно лишь, чтобы на странице присутствовали перечисленные ниже элементы.
В начале страницы, после тэга <body>, но до каких-либо описаний товаров, должен находиться заголовок формы:
<FORM METHOD="post" ACTION="zakaz.php" NAME="mainform">
Допустим, что PHP-программа, обрабатывающая форму, находится в файле zakaz.php (и именно на эту страницу произойдет переход после нажатия кнопки типа submit в форме). Не забудьте указать параметр пате в заголовке формы – он потом пригодится для использования в коде калькулятора стоимости заказа. (Кстати, обратите внимание, что так как для передачи данных формы используется метод POST, а не GET, то при этом в адресной строке данные полей формы отображаться не будут.)
Ну а внутри формы следует расположить коды выпадающих списков – по одному на каждый товар (рис.5.4). В качестве значений параметров пате удобнее всего использовать небольшие буквосочетания – коды товаров:
<select name="TOV1"> <option value=0>0</option> <option value=1>1</option> <option value=2>2</option> … <option value=10>10</option> </select>
Обратите внимание, что первым по счету в выпадающем списке должно стоять значение 0 – именно оно будет отображаться по умолчанию.
Рис. 5.4. Интернет-магазин. Поле заказа количества товара
Также в форме должны присутствовать поля ввода контактной информации – см. на рис.5.1. Скажем, текстовая строка типа text с именем e-mail – для адреса электронной почты и поле ввода текста textarea с именем contact – для ввода контактных данных (что сочтет нужным покупатель – имя, телефон, домашний адрес).
<input name="email" type="text"> <textarea name="contact" cols="30" rows="5" wrap="virtual"> </textarea>
(В параметре cols тэга textarea указывается количество символов, которое должно помещаться в одну строку в поле ввода текста, в параметре rows – количество строк текста, которые можно будет вписать в поле ввода до появления полос прокрутки. Параметр wrap="virtual" разрешает автоматический перенос текста на следующие строки в поле ввода.)
Разумеется, в форме должна быть кнопка ее отправки:
<input type=submit>
…и закрывающий тэг формы:
</form>