Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
методичка_СТУДЕНТ.doc
Скачиваний:
0
Добавлен:
15.11.2019
Размер:
244.22 Кб
Скачать

Атрибуты, определяющие свойства элемента input

  • name - должен присутствовать во всех элементах INPUT, кроме кнопок подтверждения и сброса;

  • Size - позволяет задать длину поля ввода (в символах);

  • Maxlenght - определяет максимальную длину строки, которая может быть записана в поле ввода. Второе назначение этого атрибута - ограничивает размер файла, присоединяемого к форме;

  • Readonly - создает элемент, недоступный для редактирования;

  • Usemap - используется при создании в форме карты.

<LABEL></label>

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

<LABEL>Ваш адрес:<INPUT type="text" id="adres">

</label>

Если элемент LABEL и другой элемент находятся отдельно, используется атрибут FOR, значение которого должно совпадать со значением атрибута ID соответствующего элемента:

<LABEL for="adress">Ваш адрес: </label>

<INPUT type="text" id="adress">

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

<SELECT><OPTION></select>

Элемент предназначен для создания списка или меню на гипертекстовой странице, а элемент OPTION - для создания пункта списка. Например:

<SELECT>

<OPTION value=a>Первый

<OPTION value=b>Второй

</select>

Атрибуты элемента SELECT:

  • Multiple - позволяет выбрать сразу несколько пунктов списка (значения не имеет);

  • Name - определяет имя меню (списка);

  • Size - определяет количество видимых на экране пунктов списка. Когда атрибут отсутствует, видна только одна строка. Щелчок на кнопке со стрелкой выводит весь список. Если значение атрибута задано, то список не раскрывается, а прокручивается, причем пользователь видит только указанное число пунктов.

Стандартные атрибуты элемента SELECT: dissabled, tabindex, Id, class, lang, dir, title, style, атрибуты событий.

Атрибуты элемента OPTION:

  • Selected - определяет пункт списка, выбранный по умолчанию (значения не имеет). В списке только один из элементов OPTION может быть помечен таким способом.

  • Value - необходим для обработки данных на стороне сервера.

Стандартные атрибуты элемента OPTION: dissabled, Id, class, lang, dir, title, style, атрибуты событий.

<TEXTAREA> </textarea>

При помощи этого элемента создается область для ввода и просмотра текста.

Атрибуты элемента TEXTAREA :

  • Name - определяет имя и область ввода;

  • Rows - задает количество строк;

  • Cols - задает количество столбцов;

  • Readonly - запрещает редактирование.

Стандартные атрибуты элемента TEXTAREA: dissabled, tabindex, Id, class, lang, dir, title, style, атрибуты событий.

<BUTTON> </button>

Элемент позволяет создавать кнопки аналогично элементу INPUT. В отличие от последнего, он является контейнером (имеет конечный тег), т.е. содержимое элемента может быть достаточно сложным, например, сочетание текста и графики:

<BUTTON name="имя" value="submit" type="submit">

Текст <IMG src="файл.gif" alt="тарий"></button>

Атрибут type может принимать следующие значения:

  • Button - кнопка, щелчок на которой вызывает запрограммированную разработчиком реакцию;

  • Submit - кнопка, подтверждающая, что форма заполнена;

  • Reset - кнопка для очистки формы.

Стандартные атрибуты элемента BUTTON: accesskey, dissabled, tabindex, Id, class, lang, dir, title, style, name, value, атрибуты событий.

<FIELDSET><LEGEND></legend></fieldset>

Эти два элемента предназначены для создания группы полей в форме. Например:

<FIELDSET>

<LEGEND>заголовок группы</legend>

Имя: <INPUT name="IMYA" type="text"

Фамилия: <INPUT name="FAMILYA" type="text"> <BR>

Телефон: <INPUT name="TELEFON" type="text"><BR>

Текст подсказки

</fieldset>

В результате выполнения в форме будет организована группа элементов:

Заголовок группы______________________________

Имя:|_________________Фамилия:|__________

Телефон:|______________

Текст подсказки

Элемент LEGEND позволяет создать заголовок группы. Поскольку он является контейнером, в нем можно размещать и другие элементы HTML. C помощью атрибута align можно регулировать расположение заголовка.