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. Посмотрите, как они отображаются и как работают.