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