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


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

Содержание

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

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

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

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

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

обработки системой.
Форма — это инструмент, с помощью которого HTML-документ

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

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

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

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

Слайд 4

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

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

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

Атрибуты элемента

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

Атрибуты элемента

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

Атрибуты элемента

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

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

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

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

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

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

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

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

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

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

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

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

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

type =

checkbox – создает флажок
Информатика

Математика
type = color – генерирует палитры цветов

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

Атрибут type тега type = button – создает кнопкуtype = checkbox – создает флажок

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

и время
type = email – поле для ввода адреса электронной

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

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

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

год и номер месяца
type = number – предназначено для ввода

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


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


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

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

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

type = submit –

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

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

type = time – позволяет вводить время в 24-часовом формате по шаблону чч:мм
Атрибут type тега type = reset – создает кнопку, которая очищает поля формы от введенных пользователем данныхtype

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

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

type = submit –

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

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

type = time – позволяет вводить время в 24-часовом формате по шаблону чч:мм
Атрибут type тега type = reset – создает кнопку, которая очищает поля формы от введенных пользователем данныхtype

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

...

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

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

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

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

Пункт 1
Пункт 2



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

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

элемента ....

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

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

изображение.

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

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

Тег


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

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

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

формы

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


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

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

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

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

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

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


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

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