Тэг <select> предназначен для того, чтобы организовать внутри формы выбор из нескольких вариантов без применения элементов типа checkbox и radio. С помощью тэга <select> варианты выбора более компактно представляются в окне браузера в виде элементов ниспадающего меню или списка прокрутки. Пример:

<select name="sel name" size="2">

<option value="Red">Red</option>

<option value="Yellow">Yellow</option>

<option value="Green">Green</option>

</select> Тэг имеет следующие параметры:

name="имя_поля". Обязательный параметр. При выборе одного или нескольких элементов формируется список выбранных значений, который передается на сервер под именем name.

size="n". Устанавливает число одновременно видимых элементов выбора. Если n="1", то отображается ниспадающее меню, если n>1, то - список прокрутки с n одновременно видимыми элементами.

Элементы меню задаются внутри тэга <select> при помощи тэга <option>:

<option selected value="строка"/> содержимое_тэга Параметр value содержит значение, которое пересылается серверу, если данный элемент выбран из меню или списка. Если значение этого параметра не задано, то по умолчанию оно устанавливается равным содержимому тэга <option>.

<textarea> Тэг <textarea> создает внутри формы поле для ввода многострочного текста, отображаемое в окне браузера в виде прямоугольной области с горизонтальной и вертикальной полосами прокрутки. Для пересылки на сервер каждая введенная строка дополняется символами %0D%0A (ASCII-символы "Возврат каретки" и "Перевод строки" с предшествующим символом %), полученные строки объединяются в одну строку, которая и отправляется на сервер под именем, задаваемым параметром name.

<textarea name="ta name" rows="m" cols="n"> текст

</textarea> Параметры:

• name. Необходимый параметр, используемый для идентификации данных при пересылке на сервер.

• cols="n". Задает число столбцов видимого текста.

• rows="m". Задает число строк видимого текста.

Между тэгами <1ех1агеа> и <Лех1агеа> можно поместить текст, который будет отображаться по умолчанию.

Лекция посвящена HTML-страницам с динамически изменяемым содержимым. Рассказывается о каскадных таблицах стилей (Cascade Style Sheets - CSS) и языке сценариев (JavaScript или VBScript). Что CSS из себя представляют, по каким правилам создаются, как взаимодействуют с остальными элементами HTML-документа. Дается понятие селекторов, их виды.

Таблицы стилей CSS

oЛогическое и физическое форматированиеoПонятие стиля, таблицы стилей и CSSoПравила CSS

Связывание HTML с CSS

oВстраивание CSS в HTMLoВнедрение таблицы стилейoСвязывание таблицы стилейoИмпорт таблицы стилейoПриоритеты использования таблиц стилейoГруппированиеoНаследование

Селекторы

oСелектор classoСелектор id

Функции таблиц стилей

Объектная модель документа

oСтруктура документаoФункции объектной модели документа

Cookie

oПроблема HTTP-соединенияoНазначение cookieoФормат cookie

Динамический HTML (Dynamic HTML или DHTML) не является языком разметки страниц. Это термин, применяемый для обозначения HTML-страниц с динамически изменяемым содержимым. Реализация DHTML основывается на HTML, каскадных таблицах стилей (Cascade Style Sheets - CSS) и языке сценариев (JavaScript или VBScript). Эти три компонента DHTML связаны между собой объектной моделью документа (Document Object Model - DOM), являющейся интерфейсом прикладного программирования (API).

DOM связывает воедино эти три компонента, обеспечивая для HTML-документа возможность динамического изменения своего содержимого без перезагрузки страницы.

Объектная модель документа делает все элементы страницы программируемыми объектами. С ее помощью через языки сценариев можно получить доступ и управлять всеми элементами документа. Каждый элемент HTML доступен как индивидуальный объект, следовательно, можно изменять значение любого параметра любого тэга HTML-страницы, и, как следствие, документ действительно становится динамическим. Любое действие пользователя объектной моделью документа трактуется как событие, которое может быть перехвачено и обработано процедурой сценария.

Input | Введение в технологии создания Интернет-узлов | Css