Сделайте из себя - вебмастера!
Главная страница
Вся информация об этом сайте расположена здесь
Здесь можно скачать различную музыку
Лучшие 50 песен за последний месяц
Что-то ищете? Вам сюда!
Охота пообщаться и провести дискуссии? Вам сюда!
Общайтесь в реальном времени с реальными людьми!
Остроты, шутки, приколы, картинки, полезная инфа и многое другое
Для тех, кто хочет создать свой сайт
Для тех, кто имеет свой сайт и знает HTML
Форум сайта. Заходите, регистрируйтесь, общайтесь!


Формы редко используются на персональных web-страницах, однако просто необходимы на корпоративных сайтах. С помощью форм создаются опросы, голосования, анкеты, а также форумы и чаты.

<form>
Используется для создания заполяемой формы. Тег парный. Внутри элемента <form> можно использовать большинство HTML-элементов.

Параметры:

name - задаёт имя формы, уникальное для данного документа. Используется, если в документе присутствует несколько форм.

action - обязательный параметр. Задаёт URL, по которому отправляется содержимое формы. Это может быть либо адрес электронной почты, либо путь к cgi-скрипту (или ещё к какому-нибудь скрипту) сервера, обслуживающему данную форму.

method - задаёт способ отправки содержимого формы. Возможные значения: get (по умолчанию)(лучше не использовать) и post (рекомендуется, а также используется практически везде).

enctype - задаёт способ кодирования содержимого формы при отправке. По умолчанию используется значение application/x-www-form-urlencoded. Если вы хотите, чтобы форма отправлялась по электронной почте, то вам необходимо указать значение plain/text. А ежели вам пришло в голову начать принимать различные файлы от пользователей вашего узла, то вам необходимо указать значение multipart/form-data.

target - задаёт имя окна, в которое возвращается результат обработки отправленной формы. Возможные значения : _self, _parent, _top, _blank или явно указанное имя окна. Подробное описание значений смотрите в параметре target элемента <a>.

accept-charset - задаёт поддерживаемую кодировку текста. Если в вашей форме предусматривается использование кириллицы, то вам необходимо указать значение KOI8-R.

Кстати, любой из нижеперечисленных тегов, обязательно должен быть заключён между начальным и конечным тегами <form>.

<textarea>
Создает поле для ввода текста. Тег парный. Текст, заключённый между начальным и конечным тегами textarea (а вводить текст вовсе не обязательно, но уж если охота, то всегда пожалуйста), отобразится внутри текстового поля.

Параметры:

name - обязательный параметр. Задаёт название, которое будет использоваться при идентификации заполненого поля сервером.

rows - задаёт количество строк текста, видимых на экране.

cols - задаёт ширину текстового поля - в печатных символах.

wrap - задаёт способ переноса слов в заполняемой данной заполняемой форме. Возможные значения: off - перенос слов не происходит (значение по умолчанию)
soft - перенос слов только отображается, на сервер же поступает неделимая строка.
hard - перенос слов будет происходить во всех точках переноса.

readonly - автоматически делает текст в поле недоступным для редактироания.

disabled - задаёт то же значение, что и readonly, только в добавок ко всему ещё и текстовое поле и текст в нём отображаются в бледных серых тонах.

<select>
Элемент SELECT создает в заполняемой форме меню типа "Выбор одного пункта из многих" или "Выбор нескольких пунктов из многих". Тег парный. Содержит несколько элементов OPTION.

Параметры:

multiple - дает возможность выбора нескольких пунктов меню. По умолчанию можно выбрать только один пункт меню. В значении нужно указать количество возможных пунктов для выбора от 2 до n.

name - задаёт имя меню, уникальное для данной формы, которое будет использоватся при передаче данных на сервер. Значение задаётся элементом OPTION.

size - задаёт количество видимых пунктов в меню. Если значение этого параметра больше 1, то результатом будет список пунктов.

<option>
Используется исключительно с элементом SELECT. Элемент OPTION описывает отдельные пункты меню. Тег непарный.

Параметры:

selected - задаёт пункт меню, который будет выбран по умолчанию при загрузке документа. Если в элементе OPTION multiple=1, то параметром selected может быть помечен лишь один пунктов меню.

value - задает данному пункту значение, которое будет использовано наряду с другими сведениями о содержимом заполненной формы. Параметр обязателен, ведь именно значение value, а не надпись пункта меню будет отсылаться на сервер или на адрес e-mail.

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

Параметры:

name - задаёт имя, используемое при передаче содержания данной формы на сервер, либо на адрес e-mail. Этот параметр необходим для большинства типов (параметр type - cм. ниже) элемента INPUT и обычно используется для идентификации поля или для группы полей, связанных логически.

type - задаёт тип поля для ввода данных. По умолчанию - это text. Возможные значения:

    text - создает поле ввода под одну строку текста. Как правило, используется совместно с параметрами size и maxlength.


    Пример 1:

    Исходный текст:

    <input type=text>
    

    Результат:


    textarea - создает поле ввода для текста в несколько строк. Но для этих целей лучше использовать элемент <textarea>


    Пример 2:

    Исходный текст:

    <input type=textarea>
    

    Результат:


    file - дает возможность пользователю прикрепить файл к текущей форме. Возможно использование совместно с параметром accept.


    Пример 3:

    Исходный текст:

    <input type=file>
    

    Результат:


    password - создает поле ввода под одну строку, однако текст, вводимый пользователем, отображается в виде значков "*", скрывая тем самым его содержание от подзыривающих лиц. Применяется при вводе пароля, либо кодового слова.


    Пример 4:

    Исходный текст:

    <input type=password>
    

    Результат:


    checkbox - создает поле ввода для атрибутов типа Boolean ("да"/"нет") или для атрибутов, которые могут одновременно принимать несколько значений. Эти атрибуты представляют собой несколько полей этого элемента, которые могут иметь одинаковые имена. Каждое выбранное поле checkbox создает отдельную пару name=value в информации, посылаемой на сервер, даже если результатом будут дублирующиеся имена. Данный параметр обязательно должен иметь параметры name и value, а также необязательный атрибут checked, который указывает на то, что поле активизировано (в смысле, галочка проставлена по умолчанию).


    Пример 5:

    Исходный текст:

    <input type=checkbox>
    

    Результат:


    radio - создает поле ввода для атрибутов, которые принимают одно значение из нескольких возможных. Все кнопки (radio buttons) в группе обязаны иметь одинаковые имена, но только выбранная кнопка в группе создает пару name=value, которая будет послана на сервер. Как и для полей checkbox, атрибут checked необязателен.


    Пример 6:

    Исходный текст:

    <input type=radio>
    

    Результат:


    submit - создает кнопку, при нажатии которой заполненная форма посылается на сервер, либо на e-mail. Параметр value в данном случае изменяет надпись на кнопке. По умолчанию надпись на кнопке зависит от используемого вами браузера. Параметр name в данном случае не обязателен.

    image - создает графический образ для кнопки, инициализирующей передачу данных на сервер. Местонахождение графического изображения можно задать с помощью параметра SRC. При передаче данных серверу сообщаются координаты x и y той точки на изображении, где был произведен щелчок клавишей мыши. Координаты измеряются из верхнего левого угла изображения. При этом информация о поле типа image записывается в виде двух пар значений name=value. Значение name получается посредством добавления к названию соответствующего поля image суффиксов ".x" в случае абсциссы, и ".y" в случае ординаты. Параметр name в данном случае также не обязателен.

    reset - создает кнопку, перезагружающую поля формы к их первоначальным значениям. Надпись на кнопке может быть изменена с помощью параметра value. По умолчанию надпись на кнопке зависит от используемого вами браузера. Параметр name в данном случае опять же не обязателен.

    hidden - поля этого типа не отображаются на экране монитора, что позволяет разместить "секретную" информацию в рамках формы. Содержание этого поля посылается на сервер в виде name=value вместе с остальной информацией формы. Этот тип может быть использован для передачи информации о взаимодействии клиент/сервер.

    button - позволяет создать кнопку в HTML документе, что добавляет функции при использовании VisualBasicScript или JavaScript. Параметр name позволяет задать имя данной кнопке, которое может быть использовано для какой-нибудь функции в скрипте. Параметр value позволяет задать текст, который будет отображен на кнопке в документе. <input type=button value=надпись_на_кнопке> = <button>надпись_на_кнопке</button>


    Пример 7:

    Исходный текст:

    <input type=button value=Кнопка>
    

    Результат:


accept - конкретизирует тип файла. Используется исключительно с параметром type=file. Значение задается в виде MIME - типа.

value - задает текстовый заголовок для полей любого типа, в том числе и кнопок. Для типов, имеющих значение вида Boolean (отмеченный или неотмеченный), таких как checkbox или radio, будет возвращено значение, заданное в параметре value.

checked - указывает, что поля типов checkbox и/или radio (см. выше параметр type) активизированы (в смысле, в них проставлены галочки)

size - задаёт размер поля в символах. Например, чтобы определить поле с видимой шириной в 34 символа, надо указать size=34. По умолчанию имеет значение 20.

maxlength - задаёт максимальное количество символов, которые можно ввести в текстовом поле. Оно может быть больше, чем количество символов, указанных в параметре size, в этом случае поле будет прокручиваться. По умолчанию количество символов не ограничено.

src - задает URL-адрес картинки, используемой при создании графической кнопки, инициирующей передачу данных. Используется совместно с параметром type=image или type=button.

align - задаёт способ вертикального выравнивания для изображений. Используется совместно с параметром type=image или type=button. Полностью аналогичен параметру align элемента <img>. По умолчанию имеет значение bottom.


Пример 8:

Исходный текст:

<form 
action="mailto:zed-92@narod.ru?subject=
Создание сайта_формы_пример 8" method="post" 
enctype="plain/text" accept-charset="KOI8-R">
Имя<br>
<input type="text" name="name"><br>
Фамилия<br>
<input type="text" name="surname"><br>
Дата рождения<br>
<input type="text" name="day" size="3" maxlength="2"> 
<select name="month">
<option value="Январь" selected>Январь
<option value="Февраль">Февраль
<option value="Март">Март
<option value="Апрель">Апрель
<option value="Май">Май
<option value="Июнь">Июнь
<option value="Июль">Июль
<option value="Август">Август
<option value="Сентябрь">Сентябрь
<option value="Октябрь">Октябрь
<option value="Ноябрь">Ноябрь
<option value="Декабрь">Декабрь
</select> 
<input type="text" name="year" size="5" maxlength="4"><br>
<textarea name="Me" rows="4" cols="30">Пару строк о себе...
</textarea><br> <input type="submit" value="Отправить"> 
<input type="reset" value="Очистить">
</form>

Результат:

Имя

Фамилия

Дата рождения



<<<Предыдущий раздел|Следующий раздел>>>

                                                                          С ЧЕГО НАЧАТЬ
ФОРМАТИРОВАНИЕ ТЕКСТА
РИСУНКИ И ВСТАВКИ
ТАБЛИЦЫ
ФОРМЫ
СТРУКТУРА
CSS
РАЗМЕЩЕНИЕ
В ЗАКЛЮЧЕНИЕ
EXE

Используются технологии uCoz