Читайте также:
|
|
Данные из формы передаются на обработку серверу различными способами, в основном как HTTP GET или POST запросы. Чтобы указать какой метод передачи будет использован, в элементе form нужно указать атрибут method. Разница между этими двумя методами заключается в следующем: данные метода GET передаются скрипту в строке браузера в виде scriptname?parameter1=value1¶meter2=value2&...&..., при этом стоит так же учитывать, что строка адреса имеет ограничение по длине. Метод POST же передает данные скрипту иначе - через стандартный поток ввода-вывода не загаживая строку адреса.
Вы также должны указать URL-адрес сценария, который будет обрабатывать переданные данные на сервер, используя атрибут action.
Для каждого элемента формы (контрола), данные которого вы хотите передать на сервер вы должны указать имя (для этого используется атрибут name), которое будет использовано на сервере для обращения к переданным данным (на серверной стороне эти имена будут представлять собой имена переменных, к которым можно обратиться, чтобы получить переданные данные). Мы уже указали имя для группы переключателей. Радио кнопки можно отличить друг от друга дав им различные значения, используя для этого атрибут value.
<form method="post" action="test.php"> <p><label>Ваше имя: <input name="name"></label></p> <p><label>Телефон: <input type=tel name="tel"></label></p> <p><label>E-mail адрес: <input type=email name="email"></label></p> <fieldset> <legend> Размер пиццы </legend> <p><label> <input type=radio name=size value="Маленькая"> Маленькая </label></p> <p><label> <input type=radio name=size value="Средняя"> Средняя </label></p> <p><label> <input type=radio name=size value="Большая"> Большая </label></p> </fieldset> <fieldset> <legend> Начинка для пиццы </legend> <p><label> <input type=checkbox name="bacon" value="Бекон"> Бекон </label></p> <p><label> <input type=checkbox name="cheese" value="Экстра сыр"> Экстра сыр </label></p> <p><label> <input type=checkbox name="onion" value="Лук"> Лук </label></p> <p><label> <input type=checkbox name="mushroom" value="Грибы"> Грибы </label></p> </fieldset> <p><label> Предпочитаемое время доставки: <input type=time min="11:00" max="21:00" step="900"> </label></p> <p><label>Инструкции по доставке: <textarea maxlength=1000 rows="10" cols="40"></textarea> </label></p> <p><button>Отправить заказ</button></p> </form> |
Дата добавления: 2015-08-18; просмотров: 87 | Нарушение авторских прав
<== предыдущая страница | | | следующая страница ==> |
Написание формы пользовательского интерфейса | | | Таблицы в HTML |