Кнопка із зображенням

Кнопки із зображеннями аналогічні по дії кнопці Submit, але є малюнком. Используем type=image

<form action="/cgi-bin/handler.cgi"> <table align=center> <tr><td colspan=2>Введите ваше ім'я: </tr> <td><input type=text width=25></td> <td><input type=image src=../school/examples3/ser.gif width=90 height=68 border=0></td> </tr> </table> </form>

На сторіночці це виглядатиме так:

Начало формы Введите ваше имя: Конец формы

Картанка задається за допомогою тега scr і адрес картинки.

src=../school/examples3/ser.gif

Таким чином, комбінуючи різні способи створення форм, ми можемо на одній странике розмістити декілька форм відразу. Для отдедения одного вигляду форми від іншого використовуватимемо тег <fieldset>

Приклад комбінованої форми

Приклад використання різних форм на одній страничке Заполните, будь ласка, цю форму Вашими даними і натискуйте кнопку "Відправити дані"! Ви зможете побачити варіант обробки Ваших даних.

Заповните Ваші данные: Ім'я: Виберіть улюблений колір: Желтий Голубой Розовий Зелений Напишіть тут що-небудь хороше :-) Конец формы

Ця форма має наступний код:

<form method="post" action="8.php"> <fieldset> <b>Зaполните Ваші дані:</b><br><br> Имя: <input type=text name="name" maxlength=25 size=20 value=" "> <br><br> </fieldset> <p> <fieldset> <b>Выберите улюблений колір:</b><br> <p align=center> <input type=radio name=answer value="#F4F090">Желтый<br> <input type=radio name=answer value="#80ECF3">Голубой<br> <input type=radio name=answer value="#F3ACC5">Розовый<br> <input type=radio name=answer value="#A7F4AB">Зеленый<br> </select> <br><br> </fieldset> <p> <fieldset> <b>Напишите тут що-небудь хороше :-)</b><br> <textarea name="basictext" rows=7 cols=45 ></textarea> </fieldset> <p> <fieldset> <input type=reset value="Сбросить данные"> <input type="submit" value="Отправить данные"> </fieldset> </form>

Вправа

Cоздайте на свій смак html-документ, на якому розташуєте всі розглянуті види форм. Це може бути сторіночка опиту, відправки яких-небудь даних або щось ще... Програмувати нічого не треба! :-)

Викладете файл, що вийшов, в особистий каталог, складіть линк (поглянути як) і відкрийте Вашу сторіночку в браузері.

1. Символьні об'єкти.

• Що таке символьні об'єкти?

• Приклади використання

• Вправа

Що таке символьні об'єкти?

Будь ласка, наберіть ось таку строчку:

? ? ? ? ? ? ? ? ? ? ? ? ?

Або мелодію

d d d d d....

Вийшло? :-) Если ні, то познайомимося з так званими символьними об'єктами.

При складанні HTML сторіночки зручно використовувати коментарі:

<!- Текст коментаря ->

При цьому коментарі на екрані, під час перегляду документа в браузері, не відображуються.

Оскільки символи "<" і ">" сприймаються браузерами як почало і кінець HTML-меток, виникає питання: а як показати ці символи на екрані? У HTML це робиться за допомогою символьних об'єктів (&-последовательностей).

Ось тільки деякі з них:  

Символьний объект	Відображення в браузері
<	<
>	>
&	&
"	"
®	®
™	™
©	©
	пропуск

Пам'ятаєте: крапка з комою - обов'язковий елемент &-последовательности. Крім того, всі букви, складові послідовність, мають бути в нижньому регістрі (тобто, маленькі). Використання міток типа &QUOT; або &AMP; не допускається.

Символьними об'єктами можна відображувати в браузері букви, математичні знаки, знаки грошових одиниць і багато що інше. Необхідні символьні об'єкти ви завжди можете знайти в довідниках. Наприклад, здесь

http://www.konus.biz/books/DHTML... http://ascii.org.ua/table.php http://borisych.fopf.mipt.ru/gr025/book/10/html1019.htm