Кнопка с изображением
Кнопки с изображениями аналогичны по действию кнопке 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>
Пример комбинированной формы
Пример использования разных форм на одной страничке Заполните, пожалуйста, эту форму Вашими данными и нажмите кнопку
"Отправить данные"! Вы сможете увидеть вариант обработки Ваших данных.
Зaполните Ваши данные:
Имя:
Выберите любимый цвет:
Желтый
Голубой
Розовый
Зеленый
Напишите здесь что-нибудь хорошее :-)
Эта форма имеет следующий код:
<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>
Символьные объекты.
Что такое символьные объекты?
Примеры использования
Упражнение
Что такое символьные объекты?
Пожалуйста, наберите вот такую строчку: ϖ ϒ ϑ ω ψ χ φ π ξ ζ θ δ Ω
Или мелодию
♪ ♫ ♪ ♪ ♫....
Получилось? :-)
Если нет, то познакомимся с так называемыми символьными объектами.
При составлении HTML странички удобно использовать комментарии:
<!- Текст комментария ->
При этом комментарии на экране, во время просмотра документа в браузере, не отображаются.
Поскольку символы "<" и ">" воспринимаются браузерами как начало и конец HTML-меток, возникает вопрос: а как показать эти символы на экране? В HTML это делается с помощью символьных объектов (&-последовательностей).
Вот только некоторые из них:
Символьный
Отображение
объект
в браузере
<
<
>
>
&
&
"
"
®
®
™
©
©
пробел
Помните: точка с запятой - обязательный элемент &-последовательности. Кроме того, все буквы, составляющие последовательность, должны быть в нижнем регистре (т.е., маленькие). Использование меток типа " или & не допускается.
Символьными объектами можно отображать в браузере буквы, математические знаки, знаки денежных единиц и многое другое. Необходимые символьные объекты вы всегда можете найти в справочниках. Например, здесь
http://www.konus.biz/books/DHTML...
http://ascii.org.ua/table.php
http://borisych.fopf.mipt.ru/gr025/book/10/html1019.htm