 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Дискрипторы НТМL форм
|
|
1.1. При описании формы каждый элемент ввода данных имеет тег дескриптор <INPUT> …</INPUT>. Когда пользователь помещает данные в элемент формы, информация размещается в разделе VALUE данного элемента.
1.2.Все формы начинаются тегом <FORM> и завершаются тегом </FORM>.
<FORM METHOD ="get | post" ACTION ="URL">
Элементы_формы_и_другие_элементы_HTML </FORM>
В зависимости от используемого метода вы можете посылать результаты ввода данных в форму двумя путями:
· GET: Информация из формы добавляется в конец URL, который
был указан в описании заголовка формы. Ваша CGI-программа (CGI-скрипт) получает данные из формы в виде параметра переменной среды QUERY_STRING.
· POST: Данный метод передает всю информацию о форме немедленно после обращения к указанному URL. Ваша CGI-программа получает данные из формы в стандартный поток ввода. Сервер не будет пересылать вам сообщение об окончании пересылки данных в стандартный поток ввода; вместо этого используется переменная среды CONTENT_LENGTH для определения, какое количество данных вам необходимо считать из стандартного потока ввода. Данный метод рекомендуется к использованию. ACTION описывает URL, который будет вызываться для обработки формы. Данный URL почти всегда указывает на CGI-программу, обрабатывающую данную форму.
1.3. Тег (дескриптор) <TEXTAREA> используется для того, чтобы позволить пользователю вводить более одной строки информации (свободный текст). Атрибуты, используемые внутри тега <TEXTAREA > описывают внешний вид и имя вводимого значения. Тег </ TEXTAREA> необходим даже тогда, когда поле ввода изначально пустое. Описание атрибутов:
· NAME - имя поля ввода
· ROWS - высота поля ввода в символах
· COLS - ширина поля ввода в символах
Если вы хотите, чтобы в поле ввода по умолчанию выдавался какой-либо текст, то необходимо вставить его внутри тегов <TEXTAREA > и </ TEXTAREA>.
Пример использования дескриптора TEXTAREA, содержащего текст по умолчанию:
<html>
<head>
<title>textarea.html</title>
</head>
<body>
<form>
<textarea name = "comments" rows = 4 cols = 40> Default text
</textarea>
</form>
</body>
</html>
1.4.Тег <INPUT> используется для ввода одной строки текста или одного слова. Атрибуты тега:
· CHECKED -означает, что CHECKBOX или RADIOBUTTON будет выбран.
· MAXLENGTH - определяет количество символов, которое пользователи могут ввести в поле ввода. При превышении количества допустимых символов броузер реагирует на попытку ввода нового символа звуковым сигналом и не дает его ввести. Не путать с атрибутом SIZE. Если MAXLENGTH больше чем SIZE, то в поле осуществляется скроллинг. По умолчанию значение MAXLENGTH равно бесконечности.
· NAME - имя поля ввода. Данное имя используется как уникальный идентификатор поля, по которому, впоследствии, вы сможете получить данные, помещенные пользователем в это поле.
· SIZE - определяет визуальный размер поля ввода на экране в символах.
· SRC - URL, указывающий на картинку (используется совместно с атрибутом IMAGE).
· VALUE - присваивает полю значение по умолчанию или значение, которое будет выбрано при использовании типа RADIO (для типа RADIO данный атрибут обязателен)
· TYPE - определяет тип поля ввода. По умолчанию это простое поле ввода для одной строки текста. Остальные типы должны быть явно, их полный список приведен ниже:
1.5. Атрибут CHECKBOX тега INPUT отображает пустой флажок. Он используется для простых логических (BOOLEAN) значений. Значение, ассоциированное с именем данного поля, которое будет передаваться в вызываемую CGI-программу, может принимать значение ON или OFF.
Пример использования атрибута CHECKBOX:
<html>
<head>
<title> CHECKBOX1.html</title>
</head>
<body>
<form>
<INPUT TYPE ="CHECKBOX " NAME = "CHECKBOX1"
VALUE = "CHECKBOX_value1" >
Флажок
<INPUT TYPE ="CHECKBOX" NAME = "CHECKBOX2"
VALUE = "CHECKBOX_value2"
CHECKED>Установленный флажок
</form>
</body>
</html>
Атрибут PASSWORD означает то, что и атрибут TEXT, но вводимое пользователем значение не отображается броузером на экране.
<html>
<head>
<title>input2.html</title>
</head>
<body>
<form>
Введите пароль: <INPUT TYPE ="password" NAME = "secter_word" SIZE = "30" MAXLENGTH = "30">
</form>
</body>
</html>
1.7. Атрибут RADIO позволяет вводить одно значение из нескольких альтернатив. Для создания набора альтернатив вам необходимо создать несколько полей ввода с атрибутом TYPE = "RADIO " с разными значениями атрибута VALUE, но с одинаковыми значениями атрибута NAME. В CGI-программу будет передано значение типа NAME = VALUE, причем VALUE примет значение атрибута VALUE того поля ввода, которое в данный момент будет выбрано (будет активным). При выборе одного из полей ввода типа RADIO все остальные поля данного типа с тем же именем (атрибут NAME) автоматически станут невыбранными на экране.
Пример создания переключателя с двумя полями:
<html>
<head>
<title>radio1.html</title>
</head>
<body>
Форма # 1
<form>
<INPUT TYPE ="ratio" NAME = "choice" VALUE = "choice1" >Да.
<INPUT TYPE ="ratio" NAME = "choice" VALUE = "choice1" > Нет.
</form>
<hr>
Форма # 2
<form>
<INPUT TYPE ="ratio" NAME = "choice" VALUE = "choice1"
CHECKED>Да.
<INPUT TYPE ="ratio" NAME = "choice" VALUE = "choice1" > Нет.
</form>
</body>
</html>
Пример создания переключателя с несколькими полями:
<html>
<head>
<title>radio2.html</title>
</head>
<body>
<form>
Выберите один пункт: <BR>
<INPUT TYPE ="ratio" NAME = "choice1" VALUE = "choice1"
CHECKED>(1)
<INPUT TYPE ="ratio" NAME = "choice1" VALUE = "choice1">(2)
<INPUT TYPE ="ratio" NAME = "choice1" VALUE = "choice1">(3)
<BR>
Выберите один пункт: <BR>
<INPUT TYPE ="ratio" NAME = "choice2" VALUE = "choice1"
CHECKED>(1)
<INPUT TYPE ="ratio" NAME = "choice2" VALUE = "choice2">(2)
<INPUT TYPE ="ratio" NAME = "choice2" VALUE = "choice3">(3)
<INPUT TYPE ="ratio" NAME = "choice2" VALUE = "choice4">(4)
<INPUT TYPE ="ratio" NAME = "choice2" VALUE = "choice5">(5)
</form>
</body>
</html>
1.8. Тип RESET обозначает кнопку, при нажатии которой все поля формы примут значения, описанные для них по умолчанию. С помощью кнопки RESET можно также отменить ввод информации в форму, установив первоначальные значения данных. Это значение может использоваться вместе с атрибутом VALUE, которым задается наименование.
Дата публикования: 2015-10-09; Прочитано: 346 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
