ФОРМЫ Назначение форм Формы предназначены для пересылки

Назначение форм Формы предназначены для пересылки данных от удаленного пользователя к Webсерверу. HTML-документ с

Создание формы Тэг <form> … </form> Атрибуты: Action – задает значение URL-адреса приложения, которое

Методы передачи данных Взаимодействие между клиентом-браузером и Web-сервером осуществляется по правилам, заданным протоколом HTTP,

Метод GET При использовании метода GET данные формы пересылаются в составе URL-запроса, к которому

Метод POST При использовании метода POST данные формы пересылаются Web-серверу в теле запроса, после

Общий вид задания формы: <form action = URL-адрес methоd = метод передачи данных enctype

Элементы управления Тег <INPUT> предназначен для создания элементов управления и всегда используется совместно с

Size – задает размер элемента управления Maxlength – задает максимальную длину текста, который может

Типы элементов управления Значение атрибута text password checkbox radio button Описание Однострочное текстовое поле.

Типы элементов управления Значение атрибута submit file hidden Описание Кнопка передачи, нажатие которой вызывает

Типы элементов управления Значение атрибута image reset Описание Изображение, при щелчке на которое отправляются

Многострочное текстовое поле Тэг <textarea> … </textarea> - создаёт область для ввода большого количества

Rows – задаёт количество строк, которые отображаются без вертикальной полосы прокрутки Disabled - делает

Текстовое поле шириной в 11 символов и в 7 строк" src="https://present5.com/presentation/12525390_154205073/image-16.jpg" alt="Пример:

Текстовое поле шириной в 11 символов и в 7 строк" /></div>
	
	<div class="item"><img class="lazyOwl imgdescription" title="Список Тег <select> создает список или выпадающий список. Атрибуты: Size - число отображаемых элементов." src="https://present5.com/presentation/12525390_154205073/image-17.jpg" alt="Список Тег <select> создает список или выпадающий список. Атрибуты: Size - число отображаемых элементов." /></div>
	
	<div class="item"><img class="lazyOwl imgdescription" title="Создание элементов списка Тег <option> и необязательный парный ему </option> Каждый элемент select должен" src="https://present5.com/presentation/12525390_154205073/image-18.jpg" alt="Создание элементов списка Тег <option> и необязательный парный ему </option> Каждый элемент select должен" /></div>
	
	<div class="item"><img class="lazyOwl imgdescription" title="Пример: <select size=3> <option> Первая строка <option> Вторая строка <option> Третья строка <option selected>" src="https://present5.com/presentation/12525390_154205073/image-19.jpg" alt="Пример: <select size=3> <option> Первая строка <option> Вторая строка <option> Третья строка <option selected>" /></div>
	
	<div class="item"><img class="lazyOwl imgdescription" title="Пример: Выпадающий список <select size=1> <option> Первая строка <option> Вторая строка <option> Третья строка" src="https://present5.com/presentation/12525390_154205073/image-20.jpg" alt="Пример: Выпадающий список <select size=1> <option> Первая строка <option> Вторая строка <option> Третья строка" /></div>
	
	<div class="item"><img class="lazyOwl imgdescription" title="Пользовательские кнопки Тэг <button>. . . </button> позволяет создать пользовательскую кнопку. Пример: <button> <table" src="https://present5.com/presentation/12525390_154205073/image-21.jpg" alt="Пользовательские кнопки Тэг <button>. . . </button> позволяет создать пользовательскую кнопку. Пример: <button> <table" /></div>
	
	<div class="item"><img class="lazyOwl imgdescription" title="Группировка элементов Тэг <fieldset>. . . </fieldset> задает рамку вокруг текста и других объектов," src="https://present5.com/presentation/12525390_154205073/image-22.jpg" alt="Группировка элементов Тэг <fieldset>. . . </fieldset> задает рамку вокруг текста и других объектов," /></div>
	
	<div class="item"><img class="lazyOwl imgdescription" title="Пример: <fieldset> <legend> Группа кнопок </legend> <input type="button” value="Кнопка 1 "> <input type="button“ value="Кнопка" src="https://present5.com/presentation/12525390_154205073/image-23.jpg" alt="Пример: <fieldset> <legend> Группа кнопок </legend> <input type="button” value="Кнопка 1 "> <input type="button“ value="Кнопка" /></div>
	
	<div class="item"><img class="lazyOwl imgdescription" title="" src="" alt="" /></div>

</div>

<div id="yandex_rtb_R-A-271147-5"></div>
<script>window.yaContextCb.push(()=>{
  Ya.Context.AdvManager.render({
    renderTo: 'yandex_rtb_R-A-271147-5',
    blockId: 'R-A-271147-5'
  })
})</script></div>
		
</div>	
 
 
<div id="yandex_rtb_R-A-271147-1"></div>
<script>window.yaContextCb.push(()=>{
  Ya.Context.AdvManager.render({
    renderTo: 'yandex_rtb_R-A-271147-1',
    blockId: 'R-A-271147-1'
  })
})</script>
   <section id="content" class="columns thirteen" role="main">

</div>
				
			
            <div class="entry clearfix">
			<div id="myIdContainer"></div>

<div id="moevideo"></div>
<script type="text/javascript">
  (
    () => {
      const script = document.createElement("script");
      script.src = "https://cdn1.moe.video/player/mvplayer.min.js";
      script.onload = () => {
        addContentRoll({
	width: '100%',
	placement: 10179,
	promo: true,
	advertCount: 0,
	slot: 'page',
	sound: 'onclick',
	fly:{
		mode: 'stick',
		animation: 'fly',
		width: 450,
		closeSecOffset: 10,
            },
        });
      }
      document.body.append(script);
    }
  )()
</script>

width = document.documentElement.clientWidth;

if (width > 749) {
	
/* document.write(atob("PHNjcmlwdCBhc3luYyBzcmM9Ii8vcGFnZWFkMi5nb29nbGVzeW5kaWNhdGlvbi5jb20vcGFnZWFkL2pzL2Fkc2J5Z29vZ2xlLmpzIj48L3NjcmlwdD4KPCEtLSBQcmVzZW50NV9TaW5nbGVfTmVhckRvd25sb2FkIC0tPgo8aW5zIGNsYXNzPSJhZHNieWdvb2dsZSIKICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUtYmxvY2s7d2lkdGg6MzM2cHg7aGVpZ2h0OjI4MHB4IgogICAgIGRhdGEtYWQtY2xpZW50PSJjYS1wdWItNDE2MjcwMjU5MDk5MjI2MyIKICAgICBkYXRhLWFkLXNsb3Q9IjY4NTg5ODI0MDkiPjwvaW5zPgo8c2NyaXB0PgooYWRzYnlnb29nbGUgPSB3aW5kb3cuYWRzYnlnb29nbGUgfHwgW10pLnB1c2goe30pOwo8L3NjcmlwdD4="));
 */

}
</script>
					</div>
						<img title="Скачать презентацию ФОРМЫ Назначение форм Формы предназначены для пересылки" class="alignleft" src="https://present5.com/wp-content/plugins/kama-clic-counter/icons/ppt.jpg" alt="Скачать презентацию ФОРМЫ Назначение форм Формы предназначены для пересылки" >

<a title="Скачать презентацию ФОРМЫ Назначение форм Формы предназначены для пересылки" href="https://present5.com/download/presentacia.php?id=848156" target="_blank">Скачать презентацию ФОРМЫ Назначение форм Формы предназначены для пересылки</a>
						<p style="color: #CCCCCC; font-size: 13px; padding: 0;">Формы.pptx</p>
						
						
				
						
						<ul>
								<li>Количество слайдов:  23</li>
							</ul>

</div>

<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="ФОРМЫ " src="https://present5.com/presentation/12525390_154205073/image-1.jpg" alt="ФОРМЫ " />
	
	ФОРМЫ </p>
	</div>
	
		
		
	<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Назначение форм Формы предназначены для пересылки данных от удаленного пользователя к Webсерверу. HTML-документ с" src="https://present5.com/presentation/12525390_154205073/image-2.jpg" alt="Назначение форм Формы предназначены для пересылки данных от удаленного пользователя к Webсерверу. HTML-документ с" />
	
	Назначение форм Формы предназначены для пересылки данных от удаленного пользователя к Webсерверу. HTML-документ с формой отличается от обычного HTML-документа наличием элементов управления: полей ввода текста, флажков, кнопок и т. д. Данные, введенные в форму, обрабатываются на стороне сервера CGI-приложениями и на стороне клиента сценариями. </p>
	</div>
	
		
		
	<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Создание формы Тэг <form> … </form> Атрибуты: Action – задает значение URL-адреса приложения, которое" src="https://present5.com/presentation/12525390_154205073/image-3.jpg" alt="Создание формы Тэг <form> … </form> Атрибуты: Action – задает значение URL-адреса приложения, которое" />
	
	Создание формы Тэг <form> … </form> Атрибуты: Action – задает значение URL-адреса приложения, которое будет обрабатывать данные Method – задает способ отправки данных, введенных в форму. Может принимать значения get (по умолчанию) или post. </p>
	</div>
	
		
		
	<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Методы передачи данных Взаимодействие между клиентом-браузером и Web-сервером осуществляется по правилам, заданным протоколом HTTP," src="https://present5.com/presentation/12525390_154205073/image-4.jpg" alt="Методы передачи данных Взаимодействие между клиентом-браузером и Web-сервером осуществляется по правилам, заданным протоколом HTTP," />
	
	Методы передачи данных Взаимодействие между клиентом-браузером и Web-сервером осуществляется по правилам, заданным протоколом HTTP, и состоит из запросов клиента и ответов сервера. Запрос разбивается на три части. Запрос клиента состоит из: метода, URL-адреса запрашиваемого файла и номера версии протокола HTTP заголовка запроса тела запроса (данные, посылаемые серверу) </p>
	</div>
	
		
		
	<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Метод GET При использовании метода GET данные формы пересылаются в составе URL-запроса, к которому" src="https://present5.com/presentation/12525390_154205073/image-5.jpg" alt="Метод GET При использовании метода GET данные формы пересылаются в составе URL-запроса, к которому" />
	
	Метод GET При использовании метода GET данные формы пересылаются в составе URL-запроса, к которому присоединяются после символа "? " в виде совокупности пар переменная = значение, разделенных символом “&". В этом случае первая строка запроса может иметь следующий вид: GET / cgi-bin / cgi-program. pl ? name = Саша & surname = Иванов HTTP / 1. 1 Метод GET используется для отправки небольших объемов данных. </p>
	</div>
	
		
		
	<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Метод POST При использовании метода POST данные формы пересылаются Web-серверу в теле запроса, после" src="https://present5.com/presentation/12525390_154205073/image-6.jpg" alt="Метод POST При использовании метода POST данные формы пересылаются Web-серверу в теле запроса, после" />
	
	Метод POST При использовании метода POST данные формы пересылаются Web-серверу в теле запроса, после чего передаются сервером в CGIпрограмму через стандартный ввод. Если используется метод POST, необходимо задать значение атрибута ENCTYPE. Значением параметра ENCTYPE является медиа-тип, определяющий формат кодирования данных при передаче их от браузера к серверу. Возможны два значения этого параметра: application/x-www -form-urlencoded (по умолчанию) и multipart/form -data. </p>
	</div>
	
		
		
	<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Общий вид задания формы: <form action = URL-адрес methоd = метод передачи данных enctype" src="https://present5.com/presentation/12525390_154205073/image-7.jpg" alt="Общий вид задания формы: <form action = URL-адрес methоd = метод передачи данных enctype" />
	
	Общий вид задания формы: <form action = URL-адрес methоd = метод передачи данных enctype = медиа-тип > содержание формы </form> </p>
	</div>
	
		
		
	<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Элементы управления Тег <INPUT> предназначен для создания элементов управления и всегда используется совместно с" src="https://present5.com/presentation/12525390_154205073/image-8.jpg" alt="Элементы управления Тег <INPUT> предназначен для создания элементов управления и всегда используется совместно с" />
	
	Элементы управления Тег <INPUT> предназначен для создания элементов управления и всегда используется совместно с атрибутом TYPE. Атрибуты: Type - задает тип интерфейсного элемента Name – задает имя элемента управления Value – задает начальное значение для полей ввода текста и полей для ввода имен файлов, надпись на кнопке Checked – задает начальное состояние для флажков и переключателей </p>
	</div>
	
		
		
	<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Size – задает размер элемента управления Maxlength – задает максимальную длину текста, который может" src="https://present5.com/presentation/12525390_154205073/image-9.jpg" alt="Size – задает размер элемента управления Maxlength – задает максимальную длину текста, который может" />
	
	Size – задает размер элемента управления Maxlength – задает максимальную длину текста, который может быть введен в текстовое поле Title – задает описание элемента управления, может использоваться браузером в качестве всплывающей подсказки Align – задает горизонтальное выравнивание элемента управления Пример: <form> Текстовое поле <input type=text size=20> </form> </p>
	</div>
	
		
		
	<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Типы элементов управления Значение атрибута text password checkbox radio button Описание Однострочное текстовое поле." src="https://present5.com/presentation/12525390_154205073/image-10.jpg" alt="Типы элементов управления Значение атрибута text password checkbox radio button Описание Однострочное текстовое поле." />
	
	Типы элементов управления Значение атрибута text password checkbox radio button Описание Однострочное текстовое поле. Вводимый текст скрывается символом Выключатель (флажок) Переключатель. Используется только в группе с другими переключателями. У всеx переключателей в группе атрибут name должен иметь одинаковое значение Пользовательская кнопка </p>
	</div>
	
		
		
	<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Типы элементов управления Значение атрибута submit file hidden Описание Кнопка передачи, нажатие которой вызывает" src="https://present5.com/presentation/12525390_154205073/image-11.jpg" alt="Типы элементов управления Значение атрибута submit file hidden Описание Кнопка передачи, нажатие которой вызывает" />
	
	Типы элементов управления Значение атрибута submit file hidden Описание Кнопка передачи, нажатие которой вызывает пересылку на сервер всего содержимого формы Поле для ввода имени локального файла, сопровождаемое кнопкой Обзор Скрытый элемент управления. Пользователь не видит и не может изменить содержимое этого элемента. Но данные скрытого элемента отправляются на сервер вместе с данными формы </p>
	</div>
	
		
		
	<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Типы элементов управления Значение атрибута image reset Описание Изображение, при щелчке на которое отправляются" src="https://present5.com/presentation/12525390_154205073/image-12.jpg" alt="Типы элементов управления Значение атрибута image reset Описание Изображение, при щелчке на которое отправляются" />
	
	Типы элементов управления Значение атрибута image reset Описание Изображение, при щелчке на которое отправляются данные формы Кнопка, нажатие которой заменяет значения всех элементов управления значениями по умолчанию </p>
	</div>
	
		
	
	
	<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Стандартные элементы управления " src="https://present5.com/presentation/12525390_154205073/image-13.jpg" alt="Стандартные элементы управления " />
	
	Стандартные элементы управления </p>
	</div>
	
		
		
	<div style="width: auto;" class="description columns twelve"><p><img class="imgdescription" title="Многострочное текстовое поле Тэг <textarea> …

- создаёт область для ввода большого количества" src="https://present5.com/presentation/12525390_154205073/image-14.jpg" alt="Многострочное текстовое поле Тэг - создаёт область для ввода большого количества" /> Многострочное текстовое поле Тэг - создаёт область для ввода большого количества строк текста. Атрибуты: Name - указывает имя области, может быть любым, является обязательным. По данному имени приложение обращается к содержимому данного элемента Cols - количество символов в строке

Rows – задаёт количество строк, которые отображаются без вертикальной полосы прокрутки Disabled - делает элемент недоступным Readonly - текст только для чтения. Нельзя редактировать текст.

Текстовое поле шириной в 11 символов и в 7 строк" src="https://present5.com/presentation/12525390_154205073/image-16.jpg" alt="Пример: Текстовое поле шириной в 11 символов и в 7 строк" /> Пример: <textarea cols="11" rows="7"> Текстовое поле шириной в 11 символов и в 7 строк

Список Тег <select> создает список или выпадающий список. Атрибуты: Size - число отображаемых элементов. Список Тег

Пример: Выпадающий список <select size=1> <option> Первая строка <option> Вторая строка <option> Третья строка Пример: Выпадающий список

Пользовательские кнопки Тэг <button>. . . </button> позволяет создать пользовательскую кнопку. Пример: <button> <table Пользовательские кнопки Тэг позволяет создать пользовательскую кнопку. Пример:

Группировка элементов Тэг <fieldset>. . . </fieldset> задает рамку вокруг текста и других объектов, Группировка элементов Тэг

. . .

задает рамку вокруг текста и других объектов, содержащихся в контейнере - логически группирует элементы формы. Тэг . . . - задаёт название логических групп элементов.

Пример: <fieldset> <legend> Группа кнопок </legend> <input type= Пример:

Группа кнопок