We
Study
Together
cat

Формы (продолжение 2)

Формы могут содержать меню выбора (выпадающий список Pull Down List), которое начинается открывающимся тэгом <select> (содержит обязательный атрибут name, определяющий имя меню) и завершается закрывающимся </select>. Ммежду ними находятся тэги <option>, определяющие элемент меню.

Обязательный атрибут value устанавливает значение, которое будет передано обработчику, если выбран этот элемент меню. Тэг <option> может включать атрибут selected, показывающий, что данный элемент отмечен по умолчанию:
<select name="имя">
<option value="значение 1" selected>текст 1
<option value="значение 2">текст 2
<option value="значение n">текст n
</select>


По умолчанию вначале списка отображается тот пункт, который введен первым. Однако, можно самому установить, какой пункт будет видеть посетитель первым в списке.


Кроме выпадающего списка есть еще и прокручивающийся список (Scrolling List). Разница между прокручивающимся и выпадающим списком в атрибуте size, который указывает сколько пунктов должно быть видно в окошке.

Тэг <select> может также содержать атрибут multiple, присутствие которого показывает, что из меню можно выбрать несколько элементов.
<select multiple size=3 name="имя">
<option value="значение 1" selected>текст 1
<option value=" значение 2">текст 2
<option value=" значение 3">текст 3
<option value=" значение 4">текст 4
<option value=" значение 5">текст 5
<option value=" значение n">текст n
</select>



Отослать данные с формы можно к cgi-скрипту для обработки или на e-mail

Для того, чтобы отослать данные из формы на e-mail, надо ввести в тег <form>:
<form method=post action="mailto:свой_адрес@mail.ru" enctype="application/x-www-form-urlencoded"> </form>

Кроме своего адреса можно указать в форме, например, с каким заголовком будет отправлено письмо:
<form method=post action="mailto:свой_адрес@mail.ru?subject=заказ" enctype="text/plain">

В формах можно использовать различные изображения, да и вообще что угодно. Только следует следить за правильностью html-кода и избегать перекрывающих друг друга тегов.
<table><form></table></form> - перекрывающие друг друга теги, неправильно
<table><form></form></table> - правильно.

Вот так выгладит страница с формами.



на следующую страницу  
Основы HTML
  
Hosted by uCoz