Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






Нестандартное использование элементов форм






Многие теги HTML используются в целях, для которых они изначально не предназначались, например, таблицы – для разметки страниц. Поэтому смело экспериментируйте и с элементами форм.

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

Пример:

 

Ниже приведен HTML-документ, в котором раскрывающийся список используется для размещения небольшого рассказа об авторе.

< HTML> < BODY> Немного о себе: < FORM> < SELECT NAME=" about" > < OPTION SELECTED VALUE=" line0" > Автобиография< OPTION VALUE=" line1" > –––––––––––––––< OPTION VALUE=" line2" > Меня зовут Ербол. < OPTION VALUE=" line3" > Я студент первого курса КБТУ.< OPTION VALUE=" line4" > Мои увлечения: футбол, теннис.< OPTION VALUE=" line5" > Я жду от вас писем по адресу: < OPTION VALUE=" line6" > erbol@mail.ru< /SELECT> < /FORM> < /BODY> < /HTML>

Задание:

Создайте файл form.html и разместите в нем следующую форму.

 

Требования к оформлению:

1) поле " Пароль" должно иметь размер 10 символов и не отображать введенные данные;

2) среди всех номеров вопроса только один может быть выбран, по умолчанию выбранным должен быть вопрос под номером один;

3) поле для ответа на вопрос должно содержать четыре строки по сорок символов, первоначальное значение – "??? ";

4) кнопка " Очистить форму" должна восстанавливать первоначальный вид формы.

Контрольные вопросы:

1. Перечислите теги, используемы при создании форм.






© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.