Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Textarea

Формы

ALIGN, VALIGN, WIDTH, HEIGHT, BGCOLOR, BACKGROUND

TD и TH

TABLE

Параметры:

ALIGN - способ горизонтального выравнивания. Возможные значения: left, center, right. VALIGN - способ вертикального выравнивания. Возможные значения: top, bottom, middle.

BORDER - ширина рамки.

CELLPADDING - расстояние между рамкой каждой ячейки таблицы и содержимым

CELLSPACING - расстояние между границами соседних ячеек.

WIDTH и HEIGHT – ширина высота таблицы

BGCOLOR - цвет фона ячеек таблицы.

BACKGROUND – фоновый рисунок. В качестве значения необходимо указать URL рисунка.

TD создает ячейку с данными в текущей строке. Элемент TH также создает ячейку, но определяет ее как ячейку-заголовок.

Параметры:

COLSPAN - количество объединенных столбцов

ROWSPAN - количество объединенных рядов.

NOWRAP –запрет автопереноса слов.

 

Пример.

HTML-код Результат
<TABLE BORDER> <TR> <TD COLSPAN=“2”>A1</TD> </TR> <TR> <TD>A2</TD><TD>B2</TD> </TR> </TABLE>
A1
A2 B2

 

<TABLE BORDER> <TR> <TD>A1</TD> <TD ROWSPAN=“2”>B1</TD> </TR> <TR> <TD>A2</TD> </TR> </TABLE>
A1 B1
A2

 

 

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

Элементы для создания форм:

FORM Создает заполняемую форму
TEXTAREA Создает поле для ввода нескольких строк текста
SELECT Создает меню в заполняемой форме
OPTION Создает отдельные пункты в меню (см. SELECT)
INPUT Создает поле в форме

 

 

Форма <FORM>

Используется для создания заполняемой формы. Необходимо присутствие начального и конечного тэгов. Внутри элемента FORM разрешается использовать большинство HTML-элементов.

Параметры:

NAME - определяет имя формы, уникальное для данного документа. Используется, если в документе присутствует несколько форм.

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

METHOD - определяет способ отправки содержимого формы. Возможные значения GET (по умолчанию) и POST.

ENCTYPE - определяет способ кодирования содержимого формы при отправке. По умолчанию используется "application/x-www-form-urlencoded".

TARGET - определяет имя окна, в которое возвращается результат обработки отправленной формы. Возможные значения: _self, _parent, _top, _blank или явно указанное имя окна. Подробное описание значений смотрите в параметре TARGET элемента A.

 

Пример:
<!-- Создаем форму --> <FORM ACTION="www.igf.ru/cgi-bin/thanks.pl" METHOD=”POST” NAME="TestForm"> <!-- Внутри формы создаем окошечко --> <INPUT TYPE="text" SIZE="20" VALUE="Ф/И/О/Возраст/Размер ботинок"> <INPUT TYPE="submit" VALUE="Отправить"> </FORM> <!-- конец формы -->

 

 

 

Поле формы <INPUT>

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

 

Параметры:

NAME - определяет имя, используемое при передаче содержания данной формы на сервер. Этот параметр необходим для большинства типов (параметр TYPE - cм. ниже) элемента INPUT и обычно используется для идентификации поля или для группы полей, связанных логически.

TYPE - определяет тип поля для ввода данных. По умолчанию - это "text". Возможные значения:

text - создает поле ввода под одну строку текста. Как правило используется совместно с параметрами SIZE и MAXLENGTH.
textarea - создает поле ввода для текста в несколько строк. Но для этих целей лучше использовать элемент TEXTAREA
file - дает возможность пользователю приобщить файл к текущей форме. Возможно использование совместно с параметром ACCEPT.
password - создает поле ввода под одну строку, однако текст, вводимый пользователем, отображается в виде значков "*", скрывая тем самым его содержание от любопытных глаз.
checkbox - создает поле ввода для атрибутов типа Boolean ("да"/"нет") или для атрибутов, которые могут одновременно принимать несколько значений. Эти атрибуты представляют собой несколько полей CHECKBOX, которые могут иметь одинаковые имена. Каждое выбранное поле CHECKBOX создает отдельную пару name/value в информации, посылаемой на сервер, даже если результатом будут дублирующиеся имена. Поле типа CHECKBOX обязательно должно иметь параметры NAME и VALUE, а также необязательный атрибут CHECKED, который указывает на то, что поле активизировано.
radio - создает поле ввода для атрибутов, которые принимают одно значение из нескольких возможных. Все кнопки (radio buttons) в группе должны иметь одинаковые имена, но только выбранная кнопка в группе создает пару name/value, которая будет послана на сервер. Как и для полей CHECKBOX, атрибут CHECKED необязателен; он может быть использован для определения выделенной кнопки в группе кнопок (radio button).
submit - создает кнопку, при нажатии которой заполненная форма посылается на сервер. Параметр VALUE в данном случае изменяет надпись на кнопке, содержание которой, заданное по умолчанию, зависит от браузера. Если параметр NAME указан, то при нажатии данной кнопки к информации, посылаемой на сервер, добавляется пара name/value, указанная для для параметра SUBMIT, в противном случае пара не добавляется.
image - создает графический образ для кнопки, инициализирующей передачу данных на сервер. Местонахождение графического изображения можно задать с помощью параметра SRC. При передаче данных серверу сообщаются координаты x и y той точки на изображении, где был произведен щелчок клавишей мыши. Координаты измеряются из верхнего левого угла изображения. При этом информация о поле типа image записывается в виде двух пар значений name/value. Значение name получается посредством добавления к названию соответствующего поля IMAGE суффиксов ".x" в случае абсциссы, и ".y" в случае ординаты.
reset - создает кнопку, перезагружающую поля формы к их первоначальным значениям. Надпись на кнопке может быть изменена с помощью параметра VALUE. По умолчанию надпись на кнопке зависит от браузера.
hidden - поля этого типа не отображаются на экране монитора, что позволяет разместить "секретную" информацию в рамках формы. Содержание этого поля посылается на сервер в виде name/value вместе с остальной информацией формы. Этот тип может быть использован для передачи информации о взаимодействии клиент/сервер.
button - позволяет создать кнопку в HTML документе, что добавляет функции при использовании Visual Basic Script или Java Script. Параметр NAME позволяет задать имя данной кнопке, которое может быть использовано для какой-либо функции в скрипте. Параметр VALUE позволяет задать текст, который будет отображен на кнопке в документе.

ACCEPT - конкретизирует тип файла. Используется только совместно с пара-метром TYPE="file". Значение задается в виде MIME.

VALUE - задает текстовый заголовок для полей любого типа, в том числе и кнопок. Для типов, имеющих значение вида Boolean (отмеченный или неотмеченный), таких как checkbox или radio, будет возвращено значение, заданное в параметре VALUE.

CHECKED - указывает, что поля типов checkbox и/или radio (см. выше параметр TYPE) активизированы.

SIZE - определяет размер поля в символах. Например, чтобы определить поле с видимой шириной в 24 символа, надо указать SIZE="24".

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

SRC - задает URL-адрес картинки, используемой при создании графической кнопки, инициирующей передачу данных. Используется совместно с параметром TYPE="image".

ALIGN - определяет способ вертикального выравнивания для изображений. Используется совместно с параметром TYPE="image". Полностью аналогичен параметру ALIGN элемента IMG. По умолчанию имеет значение bottom.

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

Параметры:

NAME - обязательный параметр. Определяет название, которое будет использоваться при идентификации заполненого поля сервером.

ROWS - определяет количество строк текста, видимых на экране.

COLS - определяет ширину текстового поля - в печатных символах.

WRAP - определяет способ переноса слов в заполняемой данной заполняемой форме. Возможные значения:

off - перенос слов не происходит (значение по умолчанию)
virtual - перенос слов только отображается, на сервер же поступает неделимая строка.
physical - перенос слов будет происходить во всех точках переноса.

 

Пример:
... <FORM> <TEXTAREA NAME="address" WRAP="virtual" COLS="40" ROWS="3"> Ваш адрес... </TEXTAREA> </FORM>...

 

Развертывающийся список <SELECT>

Элемент SELECT создает в заполняемой форме меню типа "Выбор одного пункта из многих" или "Выбор нескольких пунктов из многих". Должен располагаться внутри элемента FORM и иметь как начальный, так и конечный тэги. Содержит несколько элементов OPTION.

Параметры:

MULTIPLE - дает возможность выбора нескольких пунктов меню. По умолчанию можно выбрать только один пункт меню.

NAME - определяет имя меню, уникальное для данной формы, которое будет использоватся при передаче данных на сервер. Каждый выбранный пункт меню при передаче на сервер будет иметь вид: name/value. Значение (value) формируется элементом OPTION.

SIZE - определяет количество видимых пунктов в меню. Если значение этого параметра больше единицы, то результатом будет список пунктов.


OPTION

Используется только с элементом SELECT. Элемент OPTION описывает отдельные пункты меню. Не имеет конечного тэга.

Параметры:

SELECTED - Определяет пункт меню, который будет выбран изначально при загрузке документа. Если меню имеет тип "один из многих", то флагом SELECTED может быть помечен лишь один пунктов меню.

VALUE - Задает данному пункту значение, которое будет использовано наряду с другими сведениями о содержимом заполненной формы. При предоставлении информации на сервер это значение будет объединено со значением параметра NAME в элементе SELECT.

Пример:
... <FORM> <SELECT NAME="Выбор"> <OPTION VALUE="DOS">MS-DOS </OPTION> <OPTION VALUE="WIN98">MS Windows98 </OPTION> <OPTION VALUE="WINNT">MS Windows NT </OPTION> <OPTION VALUE="OS2">OS/2 </OPTION> <OPTION SELECTED VALUE="UNIX">UNIX </OPTION> </SELECT> </FORM>...

 


XHTML

XHTML –расширенные язык разметки гипертекста.

<== предыдущая лекция | следующая лекция ==>
Объекты | Основные правила XHTML
Поделиться с друзьями:


Дата добавления: 2014-01-07; Просмотров: 307; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.008 сек.