Атрибуты элементов ввода

Вам наверняка известно, что переключаться между несколькими элементами ввода, расположенными на одной странице, можно нажатием клавиши Tab. Так вот, порядок такого переключения задается с помощью атрибута tabindex. Достаточно необходимым элементам указать последовательные числовые значения этого атрибута. Первому — «1», второму — «2» и т. д.

В значении атрибута accesskey можно указать один или несколько (через пробел) одиночных Unicode-символов, на базе которых браузер попытается построить комбинацию клавиш для быстрого доступа к элементу. Помните, что браузеры делают это на свое усмотрение и итоговые комбинации могут отличаться или вовсе отсутствовать.

Большинство элементов форм поддерживают булев атрибут disabled="disabled", отключающий их функциональность. Установив disabled в элементе <input />, <textarea>, <button>, <select> или <keygen />, вы не сможете ввести или выбрать его значение. Элемент <option> с таким атрибутом нельзя будет выбрать из списка. Помещенный в <optgroup>, он отключит всю группу вариантов, а в <fieldset> — все дочерние элементы ввода. Значения отключенных элементов пишутся серым шрифтом.

HTML 5 позволяет разместить элемент вне формы или даже связать его с несколькими формами одновременно. Для этого необходимо в атрибуте form указать через пробел идентификаторы этих форм. Атрибут поддерживается следующими элементами: <input />, <textarea>, <button>, <select>,<keygen />, <fieldset>, <output> и <label>.

Элементы форм, которые могут получать фокус ввода, поддерживают булев атрибутa utofocus="autofocus". Если установить его в одном из таких элементов, то фокус установится на нем сразу после загрузки страницы. Этот атрибут также появился в HTML 5.

Задание.

Вариант 1. (нечетные шифры)

Используя полученные знания, создайте форму с именем «Forma», в которой данные пересылаются в составе адреса запроса браузера и содержащую:

1. текстовую строку, позволяющую вводить не более 20 символов, причем видимыми являются 10 символов. Изначально отображается текст «Введите Имя».

2. поле для ввода секретного ключа не более 8 символов;

3. список возможных предметов для изучения для выбора нескольких значений (по умолчанию - МИР) и список, позволяющий выбрать единственный номер курса (по умолчанию - 1 курс);

4. кнопку для вызова спец. функции с фоновым рисунком и кнопку-картинку;

5. поле для ввода информации о пользователе (например, курсы, которые были изучены и т.д.);

6. раскрывающийся список для выбора 2 произвольных месяцев в году. Необходимо показывать 3 элемента списка (по умолчанию - ноябрь);

7. текстовую строку, содержащую некоторую информацию и доступную только для чтения;

8. поле для выбора файла, содержащего лабораторную работу.

Вариант 2. (четные шифры)

Используя полученные знания, создайте форму с именем «Forma», в которой данные пересылаются в составе самого запроса программы-обработчика и содержащую:

1. текстовую строку, позволяющую вводить не более 10 символов, причем видимыми являются 15 символов.

Изначально отображается текст «Кодовое слово»;

2. список возможных стран для посещения с возможностью выбрать несколько (по умолчанию - Россия) и список, позволяющий выбрать единственный сезон для посещения (по умолчанию - весна);

3. кнопку для вызова спец. функции с фоновым рисунком и кнопку-картинку;

4. поле для ввода дополнительной информации от туриста;

5. раскрывающийся список для выбора 2 произвольных уровней звезд гостиниц. Необходимо показывать 2 элемента списка (по умолчанию - 3 звезды);

6. текстовую строку, содержащую стоимость тура, доступную только для чтения;

7. поле для выбора файла, содержащего фотографию туриста.