Воскресенье, 13.10.2024, 19:44
Приветствую Вас, Гость | RSS
Free Bitcoin
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Яндекс.Метрика
Форма начинается тегом <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">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="reset" value="Отмена ">
</p>
</form>

Вот так это выглядит на странице:

Введите ФИО:

Введите пароль:

Какой диск вы хотите получить?

CD
DVD

Какие обучающие курсы вы хотите видеть на диске?

Курсы по Фотошопу
Курсы по Adobe Dreamweaver
Курсы по PHP

Выберите способ доставки:

Введите адрес для доставки:

      



html форма - это всего лишь каркас, созданный при помощи языка html, т.е. мы можем указать браузеру где у нас будет какое поле и что написано на той или иной кнопке. Но для того, чтобы при нажатии на кнопку ваш комментарий добавился в гостевую книгу или данные заказа полетели в офис - нужна иная технология - программа, скрипт, который привязывается к форме. Обычно такие программы делаются на php. Такую программу можно найти в интернете или самому написать.
Обработчик необходимо поместить в корневую папку сайта (в коде я его обозначил obrabotchik.php).
Вход на сайт
Поиск
Connect Foto
SmartCAT