Создание форм средствами HTML
dorofeeva 28-05-2013, 23:36 3 628 Уроки по HTMLЛюбой пользователь знаком с такими элементами управления, как кнопки, переключатели, флажки, выпадающие списки. С их помощью простая Web-страничка превращается в интерактивную.
Объединение логически связанных между собой элементов управления в HTML-документе называется формой.
Для создания формы применяется тег-контейнер <FORM></FORM> с атрибутом action=” ”, в котором содержится адрес, по которому будут отправлены данные с формы.
Внутри тега <FORM> могут размещаться элементы управления, которые создаются тегом <INPUT>. Атрибут type задает тип элемента.
<INPUT type=”text”> - создание текстового поля (
).
<INPUT type=”checkbox”> - создание переключателей-флажков(
).
<INPUT type=”radio”> - создание кнопок выбора(
).
<INPUT type=”submit”> - отправка данных из формы (
).
<INPUT type=”reset”> - очистка полей формы (
).
<TEXTAREA cols=n rows= m> - создание многострочного текстового поля.
Атрибуты этого тега задают количество столбцов и строчек в поле.
Для создания выпадающих списков используется тег-контейнер <SELECT>.
Элементы списка задаются тегом <OPTION>. ПонедельникВторникСреда
Элементы списка задаются тегом <OPTION>. ПонедельникВторникСреда
Все элементы управления имеют атрибут name, который определяет имя элемента при передаче данных из формы, а также позволяет объединить переключатели и кнопки выбора в группы. Атрибут checked отвечает за установку флажка или переключателя.
Пример:
<FORM action="" name="form1" >
<h2>Обратная связь</h2>
Имя*: <br />
<INPUT type=”text” name="fio"><br />
Телефон*: <br />
<INPUT type=”text” name="telefon"><br />
Пол: <br />
<INPUT type=”radio” name="pol">Жен<INPUT type=”radio” name="pol">Муж<br />
<INPUT type=”reset” value="Сбросить><INPUT type="submit" value="Отправить">
</FORM>
Обратная связь
Имя*:Телефон*:
Пол:
Жен Муж