Контейнер, в който се разполагат елементите на формата

			

				
Име: 
				
Парола: 
				Submit
			
		

Основни атрибути

action

Задава пътя до back-end програмата, която ще обработва данните на сървъра.

method

Задава начина по който ще се изпратят данните. Основните HTTP методи за изпращане на данни са:

• get - данните ще се "закачат" в самото URL;
• post - данните се предават в тялото на съобщенето.

Когато чрез формата ще се изпращат конфиденциални данни (като парола), то винаги използвайте method="post"

Допустими елементи във form

			input       textarea        button

			option      optgroup        select

			label       fieldset
		

Създава поле за въвеждане на данни от потребителя

Елемента е празен. Типът му се регулира от атрибута type:

				Text type: 
				Pass type: 
				Checkbox: 
				Radio: 
				File: 
				Color: 
				Submit button: 
				Reset button: 
			

Основни атрибути

autocomplete attribute @w3schools

autofocus attribute @w3schools

checked attribute @w3schools

name attribute @w3schools

placeholder attribute @w3schools

Основни атрибути

readonly attribute @w3schools

required attribute @w3schools

size attribute @w3schools

type attribute @w3schools

value attribute @w3schools

От гледна точка на изпращането на данни, чрез name атрибута задаваме име на данните, които ще се асоциират с това поле.

Ако дадено input поле няма дефиниран name атрибут, то няма да се изпратят въведените в него данни към сървъра!

			

				
Име: 
				
Парола: 
				Submit
			
		

Тествайте и погледнете в query string-а на URL какви данни ще се изпратя към сървъра.

За да функционират радио контролите като избор на една от множество алтернативни стойности, то тези input полета трябва да имат една и съша стойност за атрибута name

Стойността, която ще се подаде на сървъра след избора на потребителя, се определя от атрибута value

			

				

					
Gender
					male: 
					female: 
					other: 
				

				
			
		

input елемента притежава стойности за атрибута type: submit, reset и button, които имат същото значение и ефект, както при button елемента

Вероятно бихте предпочели да използвате елемента button, когато искате да сложите бутон.

http://www.w3schools.com/tags/tag_button.asp

			
			Изпрати

			
			Изчисти

			
			Click me
		

http://www.w3schools.com/tags/tag_label.asp

Use case:

http://www.w3schools.com/tags/tag_select.asp

http://www.w3schools.com/tags/tag_option.asp

http://www.w3schools.com/tags/tag_optgroup.asp

Населено място София Айдемир Айрово ... Багренци Балабанско ... Друго

АКо желаем потребителя да има възможност да избере няколко опции от select елемент, то трябва да добавим атрибута multiple

			
				Червено
				Зелено
				Синьо
				Оранжево
				Черно
				Бяло
			
		

http://www.w3schools.com/tags/tag_textarea.asp

Задача 1: simpleFormControls