Форма начинается тегом <form> и </form>
Атрибуты:
NAME - определяет имя формы, уникальное для данного документа. Используется только , если в документе присутствует несколько форм.
ACTION – обязательный атрибут. Указывает путь к скрипту (или программе) сервера, обслуживающему данную форму.
METHOD – определяет способ отправки содержимого html формы. Возможные значения GET (по умолчанию) и POST.
GET - используется для передачи различных
переменных , или очень коротких сообщений. Информация передается в явном
виде через строку браузера , т.е. ее можно перехватить. Например если
вы видите в строке набора браузера нечто вроде http://adress.com/lessons.php?rub=28 это значит что передается значение переменной rub равное 28. В html формах обычно не используется.
POST - создан специально для передачи текстовых сообщений. Почти всегда применяется в формах. Передает информацию в скрытом виде.
Элемент INPUT - создает поле html формы (кнопку, поле ввода, чекбокс и т.п.), Элемент не имеет конечного тега.
Атрибуты:
TYPE - определяет тип поля для ввода данных. По умолчанию – это "text". Еще используется тип "password" который указывает на то, чтоб информация показывалась звездочками.
NAME - определяет имя, используемое при
передаче содержания данной html формы на сервер. Если Вы собираетесь
куда-нибудь передавать информацию из формы, то обязательно вводите имя.
SIZE - определяет размер поля в символах.
По умолчанию имеет значение равное 24. Т.е. если этот атрибут не писать
то длина будет равна 24 символа.
MAXLENGTH - определяет максимальное
количество символов, которые можно ввести в текстовом поле. Оно может
быть больше, чем количество символов, указанных в атрибуте SIZE. По умолчанию количество символов не ограничено.
VALUE - определеят что будет по умолчанию написано в поле для ввода.
type="radio" - называется
радиопереключатель(переключает: либо одно значение, либо другое - два
одновременно быть не может). Если вы хотите сделать, чтобы по умолчанию у
Вас радиопереключатель был установлен на каком-либо варианте, то просто
допишите атрибут-флаг checked (включен) В радиопереключателе обязательно должен присутствовать атрибут value иначе ничего работать не будет.
type="checkbox" - отличается от радиопереключателя тем, что здесь можно выбрать несколько вариантов. В данном элементе, атрибут value
не является обязательным, в отличие от радиопереключателя. Если мы его
не поставим, то при поставленной галочке,как значение переменной в
обработчик полетит текст который написан рядом с галочкой.
type="submit" - используется для создания кнопки "ОТПРАВИТЬ".
type="reset" - используется для создания кнопки сброса "ОТМЕНА".
Элемент SELECT - обязательно должен быть закрывающий тег! Внутри него содержатся элементы OPTION (опции выбора) . Как вы поняли, без элементов option элемент select потеряет смысл, т.к. выбирать будет не из чего.
Атрибуты:
SIZE - задает количество одновременно видимых пунктов меню.
SELECTED - Атрибут флаг. Означает что данное значение, будет выбрано по умолчанию.
MULTIPLE - Атрибут флаг. Добавляет возможность выбора нескольких пунктов меню при удержании клавиши Ctrl.
Элемент TEXTAREA - У этого элемента обязательно наличие закрывающего тега. Используется для создания больших текстовых полей.
Атрибуты:
COLS - определяют ширину поля (количество символов в ряду).
ROWS - определяют высоту поля (количество рядов).
Пример:
<form name="zakaz_diska" method="post" action="obrabotchik.php">
<p>
Введите ФИО:<br>
<input type="text" name="fio" value="ФИО">
</p>
<p>
Введите пароль:<br>
<input type="password" name="pass" value="пароль" maxlength="6">
</p>
<p> Какой диск вы хотите получить? </p>
<p>
<input name="disc" type="radio" value="CD" checked>
CD<br>
<input name="disc" type="radio" value="DVD">
DVD
</p>
<p> Какие обучающие курсы вы хотите видеть на диске? </p>
<p>
<input type="checkbox" name="photoshop" value ="Да" checked>
Курсы по Фотошопу
<br>
<input type="checkbox" name="dreamweaver" value ="Да">
Курсы по Adobe Dreamweaver
<br>
<input type="checkbox" name="php" value ="Да">
Курсы по PHP
</p>
<p>Выберите способ доставки:</p>
<p>
<select name="dostavka" size="1">
<option selected> Срочная </option>
<option > Не срочная </option>
<option > Курьером </option>
</select>
</p>
<p> Введите адрес для доставки:<br>
<textarea name="adress" cols="45" rows="5"></textarea>
</p>
<p>
<input type="submit" value="Сделать заказ" width="20">
<input type="reset" value="Отмена ">
</p>
</form>
Вот так это выглядит на странице:
html форма - это всего лишь каркас, созданный при помощи языка html,
т.е. мы можем указать браузеру где у нас будет какое поле и что написано
на той или иной кнопке. Но для того, чтобы при нажатии на кнопку ваш
комментарий добавился в гостевую книгу или данные заказа полетели в офис
- нужна иная технология - программа, скрипт, который привязывается к
форме. Обычно такие программы делаются на php. Такую программу можно
найти в интернете или самому написать.
Обработчик необходимо поместить в корневую папку сайта (в коде я его обозначил obrabotchik.php).