Тег <form>

Тег <form> устанавливает форму на веб-странице. Форма предназначена для обмена данными между пользователем и сервером. Формы применяются для опроса посетителей, отправки электронной почты и т.д.

Атрибуты

<form method="get" action="url">

action="url" - обработчик формы

method="get" или method="post" - определяет, каким образом данные из формы будут переданы обработчику.

Тег <input> является одним из разносторонних элементов формы и позволяет создавать разные элементы интерфейса и обеспечить взаимодействие с пользователем. Главным образом <input> предназначен для создания текстовых полей, различных кнопок, переключателей и флажков.

Тег <label> устанавливает связь между определенной меткой, в качестве которой обычно выступает текст, и элементом формы input.

<input type="text" name="a" size="30"> Поле для ввода данных

<input type="radio" name="help" value="Радиокнопка"> Радиокнопка

<input type="checkbox" name="help" value="A"> Флажок

<input type="password" name="pass" size="20"> Пароль

<input type="file" name="attach" size="30"> Поле для отправки файла

<input type="hidden" name="help" value="url"> Cкрытый элемент

<input type="submit" value="Отправить"> Кнопка отправки данных

<input type="image" title="Начать поиск" src="images/search.gif"> Рисунок вместо кнопки

<input type="reset" value="Очистить"> Кнопка очистки формы

Поле <textarea> представляет собой элемент формы для создания области, в которую можно вводить несколько строк текста.

<textarea rows="4" cols="40" name="text"> текст </textarea>

Параметр rows - высота текстового поля

Параметр cols - ширина текстового поля

текст

Тег <select> позволяет создать элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором.

Тег <option> определяет отдельные пункты списка, создаваемого с помощью контейнера <select>.

<select name=browser>
<option selected>Ваш браузер</option>
<option value=t1>Internet Explorer</option>
<option value=t2>Firefox </option>
<option value=t3>Opera</option>
<option value=t4>Другой</option>
</select>

Раскрывающийся список

Ваш браузер Internet Explorer Firefox Opera Другой