Разделы презентаций


HTML_формы.ppt

Содержание

План занятия1. Использование форм в HTML-документах.

Слайды и текст этой презентации

Слайд 1Язык разметки гипертекста
Основные конструкции

Язык разметки гипертекстаОсновные конструкции

Слайд 2План занятия
1. Использование форм в HTML-документах.

План занятия1. Использование форм в HTML-документах.

Слайд 3Использование форм в HTML-документах
Область применения форм в HTML-документах:
поисковые

службы;
заказные центры на товары и услуги;
гостевые и регистрационные книги пользователей
в

различных электронных службах;
информационные базы данных.

Использование форм в  HTML-документах  Область применения форм в HTML-документах:поисковые службы;заказные центры на товары и услуги;гостевые

Слайд 4 Для размещения форм в HTML применяется тег ....


Основными элементами, используемыми в формах являются:
текстовое поле (однострочное или

прокручиваемое);
флажок для указания выбираемых элементов;
переключатель для выбора одного из нескольких предлагаемых
вариантов ответа;
открывающееся меню для выбора элемента из списка;
кнопки.

Для размещения форм в HTML применяется тег .... Основными элементами, используемыми в формах являются: текстовое

Слайд 5
………

GET, POST



……… GET, POST

Слайд 6Определение элементов управления формы – тег
Данный тег

используют для определения области внутри формы, куда вводятся данные. Он

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

Не имеет конечного тега, должен располагаться между тегами

и
.
Определение элементов управления формы – тег  Данный тег используют для определения области внутри формы, куда вводятся

Слайд 7Атрибуты тега

Атрибуты тега

Слайд 8Атрибут NAME – имя, необходимое для доступа к данному

элементу управления.

Атрибут VALUE – значение элемента управления или надпись
на кнопке.

Атрибут TYPE – тип элемента управления
(вид поля ввода определяется значением атрибута TYPE).

Атрибут TYPE может принимать следующие значения:

TYPE =TEXT - текстовое поле ввода;

(используется тогда, когда пользователю необходимо ввести
небольшое количество текста. Это значение принято по
умолчанию и указывать его необязательно).

Атрибут NAME – имя, необходимое для доступа к данному

Слайд 9Дополнительный атрибут VALUE – определяет начальное значение этого поля. Если

опущен, то состояние - пустое.
Дополнительный атрибут SIZE – задает размер

создаваемого поля ввода (по умолчанию 20).
Дополнительный атрибут MAXLENGHT.
Дополнительный атрибут VALUE – определяет начальное значение этого поля. Если опущен, то состояние - пустое.Дополнительный атрибут SIZE

Слайд 10 TYPE= HIDDEN - Скрытые поля.
Добавление в тег INPUT атрибута

TYPE= HIDDEN позволит
включить в отправляемую форму значения атрибутов NAME и
VALUE,

которые пользователь изменить не может.
Такие метки полезны при наличии нескольких форм для
дальнейшей обработки данных.
TYPE= HIDDEN - Скрытые поля.Добавление в тег INPUT атрибута TYPE= HIDDEN позволитвключить в отправляемую форму значения

Слайд 11 TYPE = PASSWORD - поле ввода пароля

(вводимые символы заменяются звездочками);


Пример:

TYPE = CHECKBOX - элемент флажок;

РоссияVALUE="Россия">
Страны СНГ
TYPE = PASSWORD - поле ввода пароля


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

таких случаях тег
должен содержать атрибут CHECKED.
TYPE =

CHECKBOX - элемент флажок;

TYPE=RADIO - элемент переключатель;

Пол мужскойVALUE="Мужской">
Пол женский

В некоторых случаях необходимо инициализировать данныйфлажок, как уже отмеченный. В таких случаях тег должен содержать атрибут CHECKED.

Слайд 13 TYPE=RESET – кнопка сброса введенных значений (кнопка при

нажатии на которую браузер очищает форму,

от введенных
пользователем значений);

Если в форме используется атрибут RESET, тег может
дополнительно содержать атрибут VALUE.
Данный атрибут определяет надпись на изображении кнопки.


Пример:

TYPE=RESET – кнопка сброса введенных значений (кнопка при      нажатии на которую

Слайд 15 TYPE= BUTTON – кнопка;
TYPE= FILE – дает возможность

пользователю прикрепить

файл к текущей форме;

Атрибут SIZE – определяет размер текстового поля в символах.

TYPE= BUTTON – кнопка; TYPE= FILE – дает возможность пользователю прикрепить

Слайд 16Создание многострочных областей ввода текста — тег
Данный тег

использует следующие атрибуты:
NAME,
COLS,
ROWS,
READONLY,
DISABLED.

Создание многострочных областей ввода текста — тег Данный тег использует следующие атрибуты: NAME,COLS, ROWS,READONLY,DISABLED.

Слайд 17Атрибуты - тега
Атрибут READONLY – определяет элемент как

доступный только для чтения.
Атрибут DISABLED – определяет элемент как недоступный


Атрибуты - тега Атрибут READONLY – определяет элемент как доступный только для чтения.Атрибут DISABLED – определяет элемент

Слайд 18Атрибуты - тега
Атрибут NAME
Определяет наименование поля.
Атрибут COLS
Указывает (число

символов) число колонок, содержащихся в
текстовой области.
Атрибут ROWS
Задает количество видимых строк

текстовой области.


Пример:

Атрибуты - тега Атрибут NAMEОпределяет наименование поля.Атрибут COLSУказывает (число символов) число колонок, содержащихся втекстовой области.Атрибут ROWSЗадает количество

Слайд 19Использование списков в форме – тег
В форме может использоваться

тег только внутри тега
.
Эти теги поддерживают два дополнительных

атрибута:
SELECTED и VALUE.

Атрибут SELECTED

Используется для первоначального выбора значения элемента по
умолчанию.

Атрибут VALUE

Указывает на значение, возвращаемое формой после выбора
пользователем данного пункта. По умолчанию значение поля
равно значению тега

Использование списков в форме – тег В форме может использоваться тег только внутри тега. Эти теги поддерживают

Слайд 20Использование списков в форме – тег
Атрибут SIZE
Определяет число видимых

пользователю пунктов списка.
Если в форме установлено значение атрибута SIZE=1, то

браузер
выводит на экран список в виде выпадающего меню.

В случае SIZE > 1 браузер представляет на экране обычный список.

Использование списков в форме – тег Атрибут SIZEОпределяет число видимых пользователю пунктов списка.Если в форме установлено значение

Слайд 21

Выбор

Вариант 1
Вариант 2
Вариант 3

SELECTED>Вариант 4

ВыборВариант 1Вариант 2Вариант 3 Вариант 4

Слайд 23Атрибут ALIGN – указывает способ выравнивания изображения
в документе. Может принимать

следующие значения:
Left – выравнивание по левому краю;
Right – выравнивание по

правому краю;
Top – выровнять верхнюю кромку изображения по верхней линии
текущей текстовой строки;
Middle – выровнять базовую линию текущей текстовой строки по
центру изображения;
Bottom – выровнять нижнюю кромку изображения по базовой
линии текущей текстовой строки.
Атрибут ALIGN – указывает способ выравнивания изображенияв документе. Может принимать следующие значения:Left – выравнивание по левому краю;Right

Слайд 24Атрибут READONLY – определяет элемент как пригодный

только для чтения;

Атрибут DISABLED – определяет элемент как недоступный.

Атрибут SRC – задает адрес рисунка, используемого при
создании кнопки.

Атрибут READONLY – определяет элемент как пригодный

Слайд 25Использование списков в форме – тег
Тег

поддерживает три необязательных атрибута:
NAME, MULTIPLE, SIZE.
Атрибут NAME
Определяет наименование

объекта.

Атрибут MULTIPLE

Позволяет выбрать более чем одно наименование.

Использование списков в форме – тег  Тег поддерживает три необязательных атрибута:  NAME, MULTIPLE, SIZE.Атрибут NAMEОпределяет

Обратная связь

Если не удалось найти и скачать доклад-презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:

Email: Нажмите что бы посмотреть 

Что такое TheSlide.ru?

Это сайт презентации, докладов, проектов в PowerPoint. Здесь удобно  хранить и делиться своими презентациями с другими пользователями.


Для правообладателей

Яндекс.Метрика