рефераты конспекты курсовые дипломные лекции шпоры

Реферат Курсовая Конспект

Создание формы

Создание формы - раздел Программирование, Разработка Web-приложений. HTML 1.1.в Редакторе Блокнот Создайте Новый Документ Следующего Содержания: ...

1.1.В редакторе Блокнот создайте новый документ следующего содержания:

<HTML>

<HEAD>

<TITLE>Форма</TITLE>

</HEAD>

<BODY>

<FORM action=”mailto:ваш@почтовый.ящик”>

Ваше имя:

<INPUT type=text name=name><BR>

Пароль:

<INPUT type=password name=psw><BR>

Немного о себе:

<TEXTAREA>

</TEXTAREA>

</FORM>

</BODY>

</HTML>

1.2.Сохраните этот документ под именем forme.htm и откройте в одном из браузеров.

1.3.Посмотрите, как отображаются разные элементы формы, что происходит при вводе текста в каждое поле.

1.4.Измените размеры каждого поля. Для тега <INPUT> укажите атрибут size=50, для <TEXTAREA> – cols=50 и rows=8.

1.5.Сохраните документ, вернитесь в браузер и обновите страницу.

1.6.Добавьте селекторные кнопки:

Вам нравится создавать странички?<BR>

<INPUT type=radio name=quest1 value=1>Да<BR>

<INPUT type=radio name=quest1 value=0>Нет<BR>

1.7.Сохраните документ и обновите страницу в окне браузера. Убедитесь, что изначально ни один из пунктов не выбран, пощелкайте по кнопкам, удостоверьтесь, что переключатель работает.

1.8.Вернитесь к редактированию документа и укажите другое имя, например quest2, для значения «Нет». Перейдите к браузеру и проверьте, работоспособен ли переключатель. Отмените сделанные изменения.

1.9.Укажите в теге <INPUT> со значением атрибута value=1 атрибут checked. Посмотрите, как он стал отображаться браузером.

1.10. Создайте набор опций:

Что Вы хотели бы изучать в дальнейшем?<BR>

<INPUT type=checkbox name=quest2 value=xml checked>XML<BR>

<INPUT type=checkbox name=quest2 value=perl checked>Perl<BR>

<INPUT type=checkbox name=quest2 value=php checked>PHP<BR>

<INPUT type=checkbox name=quest2 value=java checked>Java<BR>

<INPUT type=checkbox name=quest2 value=mysql checked>MySQL<BR>

1.11. Сохраните документ и обновите страницу в окне браузера. Убедитесь, что все флажки отмечены как выбранные.

1.12. Замените селекторные кнопки и опции списками выбора:

<SELECT name=quest3>

<OPTION value=1>Да

<OPTION value=0>Нет

</SELECT><BR>

<SELECT name=quest4 multiple>

<OPTION value=xml selected>XML

<OPTION value=perl selected>Perl

<OPTION value=php selected>PHP

<OPTION value=java>Java

<OPTION value=mysql>MySQL

</SELECT>

1.13. Сохраните документ и обновите страницу в окне браузера. Посмотрите, как отображаются заданные таким образом списки.

1.14. Вернитесь в Блокнот и создайте кнопки «Сброс» и «Отправить»:

<INPUT type=reset value=Сброс>

<INPUT type=submit value=Отправить>

1.15. Посмотрите, как они отображаются и как работают.

– Конец работы –

Эта тема принадлежит разделу:

Разработка Web-приложений. HTML

На сайте allrefs.net читайте: "Разработка Web-приложений. HTML"

Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Создание формы

Что будем делать с полученным материалом:

Если этот материал оказался полезным ля Вас, Вы можете сохранить его на свою страничку в социальных сетях:

Все темы данного раздела:

Лабораторный практикум
Министерство образования и науки Российской Федерации Балтийский государственный технический университет «Военмех» Институт систем управления и управляющих систем Каф

Создание простейшего Web-документа.
1.1.Запустите текстовый редактор Блокнот. 1.2.Создайте документ, содержащий следующий текст: <НТМL> <HEAD> <ТIТLЕ>Заголовок Документа</TIТLЕ

Приемы форматирования текста
2.1.Откройте документ first.htm в программе Блокнот. 2.2.Удалите весь текст, находящийся между тегами <BODY> и </BODY>. 2.3.Добавьте тег <BASEFONT size=5 color=brow

Изучение приемов форматирования абзацев.
3.1.Откройте документ first.htm в программе Блокнот. 3.2.Удалите весь текст, находящийся между тегами <BODY> и </BODY>. 3.3.Введите заголовок первого уровня, заключив

Создание списков
4.1.Откройте доку­мент first.htm в программе Блокнот. 4.2.Удалите весь текст, находящийся между тегами <BODY> и </BODY>. 4.3.Вставьте в документ тег <OL type=I>,

Исследование методов создания абзацного отступа в документах HTML
5.1.Запустите текстовый редактор Блокнот и начните создание доку­мента HTML. Введите теги структурных элементов и дайте документу заголовок, например, «Имитация абзацных отступов». 5.2.Вве

Создание гиперссылок
1.1.Откройте Блокнот и создайте новый документ. 1.2.В теле документа напишите фразу «Текст до ссылки». 1.3.Создайте гиперссылку <А href="first.htm">Ссылка</А>

Использование изображений на Web-странице
2.1.Создайте новый HTML-документ. Введите произвольный текст объемом 4-5 строк и установите курсор в его начало. 2.2.Введите тег <IMG src="…" align=bottom>, вместо многоточ

Создание карты изображений
3.1.Создайте новый HTML-документ. 3.2.Введите следующий текст <IMG src="C:Documents and SettingsAll UsersДокументыМои рисункиОбразцы рисунковзакат.jpg" usemap=#map1 h

Создание таблиц
1.1.Создайте новый HTML-документ в программе Блокнот. 1.2.Введите тег <TABLE border=10 width=70% align=center> 1.3.Введите строку <CAPTION valign=top>

Создание фреймов
2.1.В редакторе Блокнот создайте новый документ следующего содержания: <HTML> <HEAD> <TITLE>Описание фреймов</TITLE>

Хотите получать на электронную почту самые свежие новости?
Education Insider Sample
Подпишитесь на Нашу рассылку
Наша политика приватности обеспечивает 100% безопасность и анонимность Ваших E-Mail
Реклама
Соответствующий теме материал
  • Похожее
  • Популярное
  • Облако тегов
  • Здесь
  • Временно
  • Пусто
Теги