
- •Основы html
- •Введение
- •Основные понятия
- •Лабораторная работа №1
- •Форматирование текста
- •Задание к лабораторной работе №1
- •1. Создание html- документа.
- •2.Просмотр html-документа.
- •3.Редактирование html-документа.
- •Лабораторная работа №2
- •Заголовок таблицы
- •Лабораторная работа №3
- •Задание к лабораторной работе №3
- •Лабораторная работа №4 Тема: использование фреймов
- •Задание к лабораторной работе № 4
- •Лабораторная работа №5 Тема: карты изображений
- •Лабораторная работа №6 Тема: использование элементов форм при создании Web-страницы
- •Общие атрибуты форм
- •Элементы форм
- •Атрибуты, определяющие свойства элемента input
- •Пример формы (форма4)
- •Дополнительная литература
Атрибуты, определяющие свойства элемента 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 можно регулировать расположение заголовка.