Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


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

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

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

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

Презентация на тему Формы

Содержание

Парный тег:  – определяют формуАтрибуты тега:Action=“ “  - указывает адрес расположения файла, который будет обрабатывать данные формыMethod=“post” -  может принимать следующие значения: GET и POST. При использовании метода GET данные формы передаются непосредственно в адресной строке (там, где вы вводите адрес
Формы Парный тег:	  – определяют формуАтрибуты тега:Action=“ “  - указывает адрес расположения файла, Основные элементы форм	Подавляющее большинство элементов форм создается посредством использования элемента , имеющего обязательные Текстовые поля.type = “text” – задает поле для ввода текстовой информации. Длину поля Поле пароля.type = password – создает поле для ввода пароля. Принцип создания аналогичен Переключатели (радиокнопки).type = radio определяют поля выбора одного значения из нескольких доступных. Для Флажки (checkbox).type = checkbox используются для выбора некоторого числа вариантов (от 1 до Командные кнопки.submit - создает кнопку для отправки данных формы на обработку.reset - выполняет перезагрузку Найти: Поле выбора файла.type = file – служит для загрузки файлов на сервер. Атрибуты Раскрывающийся список выбора.Список выбора аналогичен по своему принципу переключателю с тем лишь Выберите размер в дюймах  		 			12 Развернутый список выбора.Отличается от обычного списка выбора возможностью отметить несколько значений одновременно. Текстовая область (textarea).	Позволяет пользователю ввести большие объемы текста. Задается конструкцией  , внутри и Конструкция   объединяет расположенные внутри поля формы в группу, выделяя их Личные данные 		Имя: 	  		Фамилия:
Слайды презентации

Слайд 2 Парный тег:
 – определяют форму

Атрибуты тега:
Action=“ “  -

Парный тег:	  – определяют формуАтрибуты тега:Action=“ “  - указывает адрес расположения

указывает адрес расположения файла, который будет обрабатывать данные формы
Method=“post”

-  может принимать следующие значения: GET и POST.
При использовании метода GET данные формы передаются непосредственно в адресной строке (там, где вы вводите адрес сайта) в качестве параметров.
Метод POST устанавливает соединение с сервером и только потом передает данные по протоколу, что является намного надежнее и используется при передаче конфиденциальной информации.


Слайд 3 Основные элементы форм
Подавляющее большинство элементов форм создается посредством

Основные элементы форм	Подавляющее большинство элементов форм создается посредством использования элемента , имеющего

использования элемента , имеющего обязательные атрибуты:
name – задает имя элементу формы, которое

потребуется для последующей обработки
type – определяет тип элемента формы


Слайд 4 Текстовые поля.
type = “text” – задает поле для ввода

Текстовые поля.type = “text” – задает поле для ввода текстовой информации. Длину

текстовой информации. Длину поля можно задать при помощи атрибута size (влияет

только на видимую длину поля).
Имя:

Фамилия:


Слайд 5 Поле пароля.
type = password – создает поле для ввода

Поле пароля.type = password – создает поле для ввода пароля. Принцип создания

пароля. Принцип создания аналогичен созданию текстового поля. Единственное различие

между ними в том, что при вводе в поле с паролем, введенная информация заменяется символами (вид символа зависит от браузера, но чаще всего это закрашенный круг).
Логин :

Пароль:


Слайд 6 Переключатели (радиокнопки).
type = radio определяют поля выбора одного значения

Переключатели (радиокнопки).type = radio определяют поля выбора одного значения из нескольких доступных.

из нескольких доступных. Для каждого варианта выбора создается отдельная

позиция вида . Все переключатели, имеющие одинаковое значение в атрибуте name, объединяются в общую группу. Значение переключателя задается в атрибуте value.
Укажите Ваш пол:
мужчина
женщина 



Слайд 7 Флажки (checkbox).
type = checkbox используются для выбора некоторого числа

Флажки (checkbox).type = checkbox используются для выбора некоторого числа вариантов (от 1

вариантов (от 1 до n) из всех возможных. В

отличие от переключателей у каждого флажка должно быть свое уникальное имя, заданное в атрибуте name.
В этом году я собираюсь приобрести:
Компьютер 
Ноутбук 
Принтер 
Сканер 


Слайд 8 Командные кнопки.
submit - создает кнопку для отправки данных формы

Командные кнопки.submit - создает кнопку для отправки данных формы на обработку.reset - выполняет

на обработку.
reset - выполняет перезагрузку формы (сбрасывает все введенные пользователем

данные).
button - создает пользовательскую кнопку. Чаще всего используется при организации управления скриптами.

Для изменения надписи, отображающейся непосредственно на кнопке используется атрибут value.

Слайд 9 Найти:

Найти:

type="reset">


Слайд 10 Поле выбора файла.
type = file – служит для загрузки

Поле выбора файла.type = file – служит для загрузки файлов на сервер.

файлов на сервер. Атрибуты для поля выбора аналогичны атрибутам

для текстового поля.
Прикрепить файл:

Данный элемент формы позволяет посетителю сайта отправить файл на сервер.

Слайд 11 Раскрывающийся список выбора.
Список выбора аналогичен по своему принципу

Раскрывающийся список выбора.Список выбора аналогичен по своему принципу переключателю с тем

переключателю с тем лишь отличием, что используется он для

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

Слайд 12 Выберите размер в дюймах  12" 13" 14"

Выберите размер в дюймах  		 			12

value="15">15" 16" 17"


Слайд 13 Развернутый список выбора.
Отличается от обычного списка выбора возможностью

Развернутый список выбора.Отличается от обычного списка выбора возможностью отметить несколько значений

отметить несколько значений одновременно.
Задается атрибутом multiple и size, где size – указывает максимальное

количество одновременно выбранных вариантов.
Выберите производителя:
 


Слайд 14 Текстовая область (textarea).
Позволяет пользователю ввести большие объемы текста.

Текстовая область (textarea).	Позволяет пользователю ввести большие объемы текста. Задается конструкцией  ,

Задается конструкцией  , внутри которой можно разместить текст, который

будет отображен по умолчанию. Атрибуты cols и rows задают размер видимой области текстового поля.



Слайд 15 и
Конструкция   объединяет расположенные внутри поля формы

и Конструкция   объединяет расположенные внутри поля формы в группу, выделяя

в группу, выделяя их визуально, что придает форме большую

наглядность.
Конструкция   позволяет придать созданной группе полей имя, которое очень удачно располагается в разрыве рамки.

Слайд 17 Личные данные Имя:

Личные данные 		Имя: 	 		Фамилия: 	 		Пол:

value="Билл">
Фамилия:
Пол:

checked="checked"> Мужской Женский
Данные о работе Место работы:
Должность:


  • Имя файла: formy.pptx
  • Количество просмотров: 138
  • Количество скачиваний: 1