КАТЕГОРИИ: Архитектура-(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) |
Пользовательские формы
Графика в HTML Для вставки изображения в HTML документ используется элемент IMG с обязательным атрибутом SRC, значением которого является URL графического файла. Начальный тег: необходим, конечный тег: запрещён. Пример: <IMG SRC="myimage.gif"> Изображения на веб-странице могут использоваться в качестве гипертекстовых ссылок, как и обычный текст. Для обозначения изображения как гипертекстовой метки используется тот же тег <A>, что и для текста, но между <A> и </A> вставляется тег изображения <IMG>.
Таблицы в HTML Для описания таблиц используется элемент ТАВLЕ. Начальный тег: необходим, конечный тег: необходим. Тег <CAPTION> позволяет создавать заголовок таблицы. Начальный тег: обязателен, конечный тег: обязателен. Строки таблицы задаются с помощью тегов <ТR></ТR>. Внутри строки таблицы обычно размещаются ячейки с данными. Каждая ячейка, содержащая текст или изображение, должна быть окружена тегами <ТD></ТD>. Заголовки для столбцов и строк таблицы задаются с помощью тега заголовка <ТН></ТН>. Эти теги подобны <ТD></ТD>, однако текст, заключенный между тегами <ТН></ТН>, автоматически выделяется жирным шрифтом и по умолчанию располагается посередине ячейки.
Элемент FORM описывает форму на веб-странице и определяет границы использования других тегов, размещаемых в форме. Начальный тег: необходим, конечный тег: необходим. Тег <FORM> определяется последовательностью тегов <INPUT>, размещенных внутри пары <FORM> и </FORM>. В форме в качестве атрибутов для описания обработки данных, вводимых пользователем в форму, используются method и action. Атрибут ACTUON=URL определяет адрес обработчика формы. Атрибут Method="Get|Post" определяет способ отправки данных:
- get: методом "get" HTTP набор данных формы присоединяется к URL, определённому атрибутом ACTUON (со знаком "?" в качестве разделителя), и этот новый URL высылается программе-обработчику. - post: методом "post" HTTP набор данных формы включается в тело формы и высылается программе-обработчику. Тег <INPUT> используют для определения области внутри формы, куда вводятся данные. Он формирует поле для ввода информации пользователем. Это может быть текстовое поле, опция, изображение или кнопка. Вид поля ввода определяется значением атрибута TYPE.
Например: <FORM action="http://somesite.com/prog/adduser" method="post"> <P> Имя: <INPUT type="text" name="firstname"><BR> Фамилия: <INPUT type="text" name="lastname"><BR> email: <INPUT type="text" name="email"><BR> <INPUT type="radio" name="sex" value="Male" checked> Мужчина<BR> <INPUT type="radio" name="sex" value="Female"> Женщина<BR> <INPUT type="submit" value="Send"> <INPUT type="reset"> </P> </FORM>
Этот код будет определять следующий вид формы (см. Рисунок 2). Рисунок 2. Форма пользователя Тег <TEXTAREA> используется для создания текстового поля из нескольких строк. Данный тег использует три атрибута: COLS (число колонок, содержащихся в текстовой области), NAME и ROWS (количество видимых строк текстовой области). Тег <SELECT> используют для определения списка пунктов, задаваемых тегами <OPTION>. Тег <SELECT> поддерживает три необязательных атрибута: MULTIPLE, NAME и SIZE.
В форме может использоваться тег <OPTION> только внутри тега <SELECT>. Эти теги поддерживают два дополнительных атрибута: SELECTED и VALUE. Атрибут SELECTED используется для первоначального выбора значения элемента по умолчанию. Атрибут VALUE указывает на значение, возвращаемое формой после выбора пользователем данного пункта.
Например: <BR>Ваш выбор <SELECT NAME="choice"> <OPTION VALUE="Вариант 1">Вариант 1 <OPTION VALUE="Вариант 2">Вариант 2 <OPTION VALUE="Вариант 3">Вариант 3 <OPTION VALUE="Вариант 4" SELECTED>Вариант 4 </SELECT>
Дата добавления: 2014-01-06; Просмотров: 290; Нарушение авторских прав?; Мы поможем в написании вашей работы! Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет |