Иллюстрированный самоучитель по PHP

Витрина

Итак, вот основное, что должно быть на первой странице Интернет-магазина. Весь дизайн, все оформление остается на ваше собственное усмотрение – важно лишь, чтобы на странице присутствовали перечисленные ниже элементы.

В начале страницы, после тэга <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 – именно оно будет отображаться по умолчанию.

Иллюстрированный самоучитель по PHP › Простейший интернет-магазин › Витрина
Рис. 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>
Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.