|
ВИТРИНА
Итак, вот основное, что должно быть на первой странице Интернет-магазина. Весь дизайн, все оформление остается на ваше собственное усмотрение - важно лишь, чтобы на странице присутствовали перечисленные ниже элементы.
В начале страницы, после тэга <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>
|
