БЛОГ

НАШ ФОРУМ

Здесь может быть ваша реклама...

1000
участников

5500 читателей

Поле ввода password

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

Пример:
----------------------------------------------------

<input type=password> Ваш пароль</input>

----------------------------------------------------

Переключатель checkbox

Этот элемент является полем в котором имеется возможность установить или снять флажок

(галочку) он предназначается для получения несложных логических значений. Он может принимать

лишь одно из значений:

• On - флажок установлен

• Off - флажок снят

Пример:
-------------------------------------------------------------------------------------

<input type=checkbox checked>С условиями я согласен</input>

<input type=checkbox>Соблюдать данные правила я согласен</input>

С условиями я согласен

Соблюдать данные правила я согласен

Переключатель radio

Этот элемент применяется при реализации выбора одного из нескольких представленных вариантов

(меню выбора). Для того, что бы создать набор альтернатив нужно вывести определенное количество

таких элементов, которые совпадают с атрибутом name, но значения атрибута должны быть разными.

Эти элементы создают группу. Выбор одного варианта из списка альтернатив происходит пометкой

его маркером. А маркеры оставшихся элементов в данной группе очищаются. После того, как данные

отправляются web-серверу значение элемента, который был отмечен маркером, будет отправлено в

качестве определенного значения альтернативы.

Мужской

Женский

Submit (кнопка)

Данный элемент является кнопкой, при нажатии на которую, данные, которые были введены в

определенные поля формы будут отправлены на web-сервер с целью обработки скриптом, который

указан в атрибуте action тэга form. Сама же надпись задается непосредственно в атрибуте value. Этот

же атрибут передается и в качестве значения кнопки.

Пример:
------------------------------------------------------------

<input type=submit_value="Отправить" />

Кнопка reset

Данный элемент является кнопкой, при нажатии на которую, данные, которые были введены в определенные поля формы заменяются теми значениями, которые были по умолчанию или очищаются. Текст на кнопке нужно задавать в атрибуте value.

<input type=reset value=" Текст _на_кнопке" [disabled]/>

Пример:
------------------------------------------------------------

<input type=reset value="Сбросить" />

Давайте подробнее рассмотрим дополнительные атрибуты тэга input:

checked
Этот атрибут означает, что при показе страницы элемент будет помечен.

value
Задает значение по умолчанию, для элемента управления.

readonly
Указание этого атрибута запрещает в поле ввода, возможность изменения данных. Данные будут доступны только лишь для просмотра, но скопировать их можно. Атрибут имеет смысл использовать для элементов типа password и text.

disabled
Данный атрибут делает элемент недоступным, как для копирования, так и для редактирования. Текст подсвечивается серым цветом внутри поля.

name
Атрибут, задающий имя элемента управления. Оно используется в качестве уникального идентификатора, по нему на стороне web-сервера возможно получить данные, которые были помещены посетителем в этот элемент.

size
Атрибут, задающий в символах, по горизонтали визуальный размер поля ввода.

maxlength
Атрибут, задающий максимальное количество символов, которые доступны посетителю для ввода в поле. Если попытаться ввести большее, чем доступно, количество символов Web-браузер выдаст звуковой сигнал и не разрешит ввод. Если же значение атрибуту не присвоено, тогда в поле возможно ввести практически неограниченное количество символов. Данный атрибут имеет смысл использовать для элементов типа password.

Textarea поле ввода

Этот элемент используют в процессе многострочного ввода. В этом поле происходит (производится)

перенос строк (автоматический), а так же прокрутка (скроллинг) содержимого поля. Текст будет

выводиться в поле ввода, размещенный между открывающим тэгом и закрывающим. Синтаксис тэга:

...Текст... </textarea>

name

Атрибут, задающий имя элемента управления. Это имя используется в качестве фактического

уникального идентификатора, по которому можно получить данные, на стороне web-сервера,

помещенные в это поле посетителем.

cols
Задает в символах, по горизонтали визуальный размер поля ввода.

rows

Задает в строках, по вертикали визуальный размер поля ввода.

readonly
Указание этого атрибута запрещает в поле ввода, возможность изменения данных. Данные будут доступны только лишь для просмотра, но скопировать их можно.

disabled
Данный атрибут делает элемент недоступным, как для копирования, так и для редактирования. Текст подсвечивается серым цветом внутри поля.

Пример:
------------------------------------------------------------

<textarea rows="5" cols="50">
Москва,
Сычевское шоссе,
д.44, корпус 1
</textarea>

Загрузка файлов посредствам html- формы file

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

Синтаксис тэга:

<input type=files [name="имя_элементов"] [accept="типы_файлов"] />

name
Атрибут, задающий имя элемента управления. Это имя используется в качестве фактического уникального идентификатора, по которому можно получить данные, на стороне web-сервера, помещенные в это поле посетителем.

accept
Атрибут, задающий список файлов, они могут быть загружены при помощи данного поля.

Пример:
----------------------------------------------------------------------------------------

<input type="files" name="pic" id="pic" accept="images/gif, images/jpeg" />

Элементы управления

Множество элементов формы реализуется при помощи тэга <input>. Он имеет 2 формы синтаксиса: полную и сокращенную.

Поле ввода text

Этот элемент является однострочным полем ввода, в него можно ввести строковые данные: имя, телефон адрес и так далее.

Синтаксис тэга: