Формы в HTML-документе. Элементы форм презентация

Содержание

Форма – раздел документа, позволяющий пользователю вводить информацию для последующей обработки системой. Форма — это инструмент, с помощью которого HTML-документ может послать некоторую информацию в некоторую заранее определенную точку внешнего

Слайд 1Формы в HTML-документе. Элементы форм


Слайд 2Форма – раздел документа, позволяющий пользователю вводить информацию для последующей обработки

системой.
Форма — это инструмент, с помощью которого HTML-документ может послать некоторую информацию в некоторую заранее определенную точку внешнего мира, где информация будет некоторым образом обработана.

Слайд 3Написание формы состоит из нескольких шагов, которые могут быть выполнены в

любом порядке:
написание формы пользовательского интерфейса;
реализация обработки на стороне сервера;
настройка формы для связи с сервером.

Слайд 4

Элементы формы


Слайд 5 Атрибуты элемента


Слайд 6 Атрибуты элемента


Слайд 7 Атрибуты элемента


Слайд 8Элементы формы


Слайд 9Элемент
Служит для создания различного типа полей


Слайд 10Элемент
Служит для создания различного типа полей


Слайд 11Элемент
Служит для создания различного типа полей


Слайд 12Элемент
Служит для создания различного типа полей


Слайд 13Элемент
Служит для создания различного типа полей


Слайд 14Атрибут type тега
type = button – создает кнопку

type = checkbox

– создает флажок
Информатика
Математика
type = color – генерирует палитры цветов

type = date – позволяет вводить дату


Слайд 15Атрибут type тега
type = datetime-local – позволяет вводить дату и

время
type = email – поле для ввода адреса электронной почты
type = file – позволяет загружать файлы с компьютера пользователя

type = hidden – скрывает элемент управления
type = image – создает кнопку, позволяя вместо текста на кнопке вставить изображение
интерфейса,

Слайд 16Атрибут type тега
type = month – позволяет пользователю вводить год

и номер месяца
type = number – предназначено для ввода целочисленных значений
type = password – создает текстовые поля для ввода пароля
type = radio – создает переключатель


type = range – позволит создать ползунок


type = reset – создает кнопку, которая очищает поля формы от введенных пользователем данных

Слайд 17Атрибут type тега
type = reset – создает кнопку, которая очищает

поля формы от введенных пользователем данных

type = submit – создает стандартную кнопку, активизируемую щелчком мыши

type = text – создает однострочноем текстовое поле

type = time – позволяет вводить время в 24-часовом формате по шаблону чч:мм

Слайд 18Атрибут type тега
type = reset – создает кнопку, которая очищает

поля формы от введенных пользователем данных

type = submit – создает стандартную кнопку, активизируемую щелчком мыши

type = text – создает однострочноем текстовое поле

type = time – позволяет вводить время в 24-часовом формате по шаблону чч:мм

Слайд 19Элемент

...

Используется для создания больших текстовых полей.
cols – размеры

по горизонтали;
rows – размеры по вертикали.

Слайд 20Раскрывающийся список
В списке можно выбирать одно или несколько значений.

атрибуты>Пункт 1





Слайд 21Надписи к полям формы
Надписи к элементам формы создаются с помощью элемента

.

Слайд 22Кнопки
...
Внутрь элемента можно поместить контент – текст или изображение.


Слайд 23Тег
Теги используются для шифровки и расшифровки данных.

Тег
Теги

создают область для вывода работы скрипта.

Слайд 24Тег
Группирует желаемую часть формы
Тег
Устанавливает заголовок группы элементов формы

Заголовок
...



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

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

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

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

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


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

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