|
Читайте также: |
Форма
Форма - электронный вариант анкеты на бумаге, содержащий поля для ввода текста, варианты ответов на вопрос, выпадающие меню с вариантами и другие элементы формы и предназначенная для связи владельца сайта и посетителей.
При помощи форм можно проводить голосования, узнать мнение посетителей по тому или иному вопросу и т.п.
<input> - тег, с помощью которого можно создавать элементы различных типов: поля ввода данных, кнопки переключатели. Тип элемента определяется атрибутом type.
Атрибут type тега <input> может принимать следующие значения:
text – текстовое поле ввода данных; дополнительные атрибуты:
maxlength – максимальное количество вводимых символов;
size – ширина поля, выраженная в количестве одновременно видимых символов;
value – значение (содержимое поля);
checkbox – переключатель типа флажок; дополнительные атрибуты:
value – значение, ассоциированное с флажком;
checked – если указан, то флажок считается установленным;
radio - переключатель типа радиокнопка (селекторный переключатель); дополнительные атрибуты:
value – значение, ассоциированное с радиокнопкой;
checked - если указан, то радиокнопка является установленной;
file - текстовое поле ввода данных с кнопкой Обзор, щелчок на которой открывает диалоговое окно Выбор файла; полное имя файла отображается в поле ввода;
password - текстовое поле ввода данных, в котором все вводимые символы отображаются как символ «звездочка» (*);
button – кнопка (по умолчанию на кнопке нет надписи);
submit – кнопка, щелчок на которой приводит к отправке данных, содержащихся в форме на сервер;
image – графическое изображение, играющее такую же роль, что и кнопка submit;
reset – кнопка Сброс (по умолчанию на кнопке находятся надписи Сброс или Reset);
hidden – невидимый элемент, данные не могут быть изменены пользователем;
name – имя (идентификатор) элемента;
disabled – делает элемент недоступным пользователю;
accesskey – определяет клавишу быстрого доступа к элементу; значением атрибута является строка, содержащая букву или цифру;
tabindex – целое число, определяющее порядок перехода к элементу с помощью клавиши <Tab>.
Кнопки
<button> - тег, используемый для создания кнопки. Текст, изображение и другие видимые элементы, вставленные в этот тег, будут отображаться на кнопке.
Пример создания различных кнопок (рис.1.15):
| Текст HTML-программы | Комментарий |
| <html><head> <title> Кнопка</title> </head> | |
| <button> | Начало создания кнопки |
| Щелкни здесь | Надпись на кнопке |
| </button> | Конец создания кнопки |
| <p> | |
| <button> | Начало создания кнопки |
| <img src='Ris1.gif' width=80 height=50> | Изображение, которое будет видно на кнопке |
| <b>Фирменный знак</b> | Надпись на кнопке |
| </button> | Конец создания кнопки |
| </html> |
Рис.1.15. Кнопки, созданные при помощи тега <button>
Дата добавления: 2015-10-02; просмотров: 47 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Задание для самостоятельного выполнения | | | Раскрывающиеся списки |