|
Пожалуйста, уточните, кто автор курса Основы работы с HTML ? |
Инспектор
Вы можете этот курс.
Опубликован: 25.10.2006 | Уровень: для всех | Доступ: платный
Лекция 6:
Формы HTML и ввод данных
Флажки
Флажки ( type=checkbox ) используются, когда необходимо, чтобы пользователь выбрал один или несколько вариантов из ограниченного числа вариантов выбора. Флажки в форме не зависят друг от друга, их можно установить или сбросить в любой комбинации. Для каждого флажка необходимо задать свое уникальное имя при помощи атрибута name. Создание двух флажков с одним именем не вызовет ошибки при отображении формы, но не позволит сценарию обработки на сервере корректно обработать передаваемые с формы данные.
<html> <body> <form> В этом году я собираюсь приобрести: <br> <input type="checkbox" name="computer"> Компьютер <br> <input type="checkbox" name="notebook"> Ноутбук <br> <input type="checkbox" name="printer"> Принтер <br> <input type="checkbox" name="scanner"> Сканер </form> </body> </html>
Пример выполнения данного HTML-кода
При помощи атрибута checked можно установить, какие из флажков будут выбраны по умолчанию при загрузке страницы. Отличие от переключателей заключается только в том, что для флажков можно отметить сразу несколько вариантов.
<html> <body> <form> В этом году я собираюсь приобрести: <br> <input type="checkbox" name="computer" checked="checked"> Компьютер <br> <input type="checkbox" name="notebook"> Ноутбук <br> <input type="checkbox" name="printer"> Принтер <br> <input type="checkbox" name="scanner" checked="checked"> Сканер </form> </body> </html>
Пример выполнения данного HTML-кода
В данном примере по умолчанию выбраны флажки "Компьютер" и "Сканер":
При отправке данных формы с флажками на сервер выбранным флажкам присваивается значение по умолчанию "on". Как правило, этого достаточно для корректной обработки данных, но в некоторых случаях удобнее задать каждому флажку свое значение при помощи атрибута value.
<input type="checkbox" name="printer" value="Принтер">
Командные кнопки
Командная кнопка отправки ( type=submit ) используется для выполнения пересылки данных формы на сервер. Метод отправки и адрес файла, обрабатывающего полученную информацию, задаются в теге <form> при помощи атрибутов method и action. Командная кнопка сброса ( type=reset ) возвращает форму к исходному состоянию (очищает форму). При этом данные не передаются.
В следующем примере показана форма поиска с двумя кнопками: отправки и сброса.
<html> <body> <form name="input" action="html_form_action.asp" method="get"> Найти: <input type="text" name="search" size=25> <br> <input type="submit"> <input type="reset"> </form> </body> </html>
Пример выполнения данного HTML-кода
Если ввести в текстовое поле какие-то символы и нажать кнопку "Подача запроса", то введенная информация будет послана на страницу с именем "html_form_action.asp". При нажатии на кнопку "Сброс" текстовое поле очистится.
Надписи на кнопках "Подача запроса" и "Сброс" установлены по умолчанию. Для их изменения необходимо использовать атрибут value.
Кроме кнопок отправки и сброса существует также возможность добавлять пользовательские кнопки ( type=button ), которые могут использоваться для выполнения процедур (скриптов) непосредственно на Web-странице.
