КАТЕГОРИИ:
Архитектура-(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)
Тема: Определение типа поля ввода при помощи атрибута TYPE. Применение форм
|
|
|
|
План:
1. Определение типа поля ввода при помощи атрибута TYPE.
2. Применение форм
1. Определение типа поля ввода при помощи атрибута TYPE.
Атрибут TYPE тэга <INPUT> может принимать следующие значения: ТЕХТ. Является значением по умолчанию и предполагает создание одной строки для ввода данных. Для этого типа поля ввода употребляются атрибуты NAME (обязательный), SIZE, MAXLENGHT и VALUE. <HTML><HEAD><TITLE>INPUT1.HTM</TITLE></HEAD><BODY><FORM>Номер телефона: <INPUT TYPE="text" NAME="Телефон" SIZE="15" MAXLENGTH="12"></FORM></BODY></HTML> PASSWORD. Позволяет заменять вводимые символы пароля звездочками. Для этого типа поля ввода используется атрибуты NAME (обязательный), SIZE, MAXLENGHT и VALUE СНЕСКВОХ. Позволяет вывести поле для установки флажка в виде маленького квадратика, в котором может быть произведена отметка опции "галочкой". Может использоваться совместно с атрибутами NAME (обязательный), VALUE и CHECKED (определяет установленный по умолчанию флажок). Флажки обычно употребляются, когда можно выбрать сразу несколько опций из числа предложенных RADIO. Позволяет выбрать только одну из представленного числа опций. Переключатели можно группировать, задавая одно и то же значение атрибута NAME (обязательный). Также используются атрибуты VALUE и CHECKED RESET. Позволяет создать кнопку для очистки формы. Атрибут VALUE может быть использован здесь для наименования этой кнопки (по умолчанию кнопка имеет надпись Reset - Сброс).<FORM><INPUT TYPE="reset"><BR><INPUT TYPE="reset" VALUE="Это форма!"></FORM> SUBMIT. Используется для создания кнопки, по нажатию которой введенные данные отправляются на сервер для обработки программой-скриптом. В атрибуте VALUE может быть указано название для этой кнопки (по умолчанию – Submit Query – Отправить запрос). <FORM><INPUT TYPE="submit"><BR><INPUT TYPE="submit" VALUE="Отправить данные!"></FORM>2. Применение форм
|
|
|
Итак, формы используются: при организации опросов, заполнении анкет, тестировании, для контроля знаний и т.д.
Разрабатывая и компонуя форму, старайтесь не выходить за рамки одной страницы. Имея в виду разные возможности программ просмотра, придерживайтесь следующих общих правил:
· Если форма небольшого размера, старайтесь расположить ее в пределах 14 строк, что позволит ей разместиться целиком в окне большинства браузеров. Это не всегда выполняется, зато форма будет компактной и несложной для понимания. Хорошей альтернативой для формы с большим количеством флажков и переключателей может быть использование тэга <SELECT> со значением SIZE=1 для организации всплывающего меню или небольшого списка с прокруткой (для значения SIZE=3 или 4).
· Если ваша форма занимает более одного окна браузера, не размещайте кнопку отправки данных в середине формы. В противном случае нижняя часть полей может остаться незаполненной пользователем.
· Располагайте поля формы в логическом порядке. Это звучит банально, но столь очевидное правило часто забывают.
· Хорошо продумайте ваши формы еще до начала их разработки. Если вы знаете, чего хотите, создание форм не покажется вам трудным.
Контрольные вопросы:
1. Какие значения может принимать атрибут TYPE тэга <INPUT>?
2. Для чего предназначено значение PASSWORD?
3. Для чего предназначено значение СНЕСКВОХ?
4. Для чего предназначено значение RADIO?
5. Для чего предназначено значение RESET?
6. Для чего предназначено значение SUBMIT?
7. Каких правил необходимо придерживаться при создании форм?
Домашнее задание:
Подобрать и оформить материал в виде доклада на тему: «Альтернативные, стандартные атрибуты и атрибуты событий, поддерживаемые тэгом <button>.
|
|
|
|
|
Дата добавления: 2014-12-23; Просмотров: 447; Нарушение авторских прав?; Мы поможем в написании вашей работы!