Таг input

Тагът input създава различни елементи на HTML форма: обикновено поле за въвеждане, поле за въвеждане на парола, квадратче за отметка checkbox (чекбокс), радио бутони (radio), бутон.

Тагът input трябва да се намира внутри тага form. Това не е задължително, но е необходимо за изпращане на данни към сървъра и последващата им обработка чрез PHP.

Не изисква затварящ таг.

Атрибути

Атрибут	Описание
type	Задава типа на полето за въвеждане. Вариантите са показани по-долу.
value	Стойност по подразбиране в полето за въвеждане. В случая с бутон задава неговия текст. За повече подробности виж атрибута value.
placeholder	Подсказка в полето за въвеждане, за повече подробности виж атрибута placeholder.
name	Име на полето за въвеждане. Необходимо е, за да се извлекат данните от полето в PHP. За коректна работа на формата имената на полетата за въвеждане не трябва да съвпадат едно с друго (в една и съща форма). Ако съвпадат - в PHP ще пристигнат данни от онова поле за въвеждане, което е по-надолу в HTML кода.
disabled	Блокира елемента на формата (не само input, а и почти всеки друг), за повече подробности виж атрибута disabled.

Стойности на атрибута type

Стойност	Описание
text	Създава обикновено текстово поле за въвеждане.
password	Създава текстово поле за въвеждане за парола. Опитайте се да въведете текст в него - той ще се покаже като звездички.
checkbox	Създава квадратче за отметка чекбокс. За повече подробности виж checkbox.
radio	Създава радио превключвател. За повече подробности виж radio.
hidden	Създава скрит инпут, който няма да се вижда на екрана, но ще изпраща съдържащите се в атрибута value данни към сървъра.
button	Създава бутон. Натискането на този бутон няма да изпраща формата към сървъра. Той може да се използва внутри връзка или чрез JavaScript. По подразбиране бутонът няма текст (пример за бутон без текст: ), той се задава с помощта на value. Виж също таг button, който също създава бутон.
submit	Създава бутон, който ще изпраща данни към сървъра. Текстът на бутона зависи от браузъра, може да се промени с помощта на value. Виж също таг button, който също създава бутон.
reset	Създава бутон, който изчиства попълнената форма. Текстът на бутона зависи от браузъра, може да се промени с помощта на value.
file	Създава бутон за избор на файл. Дизайнът на този бутон е забранено да се променя чрез CSS (обаче има хитри начини). Ако ви е необходимо такова поле във формата, то тагът form трябва да има атрибут enctype със стойност multipart/form-data.

Нови в HTML5 стойности на атрибута type

Тези стойности на атрибута са нови, появили са се едва в HTML5, затова в някои браузъри те може да не работят или да работят различно в различните браузъри.

В случай, че браузърът не може да разбере съдържанието на атрибута type (например, ако то не се поддържа или е въведено грешно), той ще счита елемента за обикновено текстово поле за въвеждане, все едно в type стои стойност text.

Погледнете дадените по-долу примери в различни браузъри. Опитайте се да въвеждате текст в инпутите и да натиснете бутона за изпращане. Ако текстът е неправилен или полето е празно - браузърът ще даде грешка. Например, ако в поле с тип email се въведе неправилен email - браузърът няма да позволи изпращането на формата и ще покаже съобщение за грешка (текстът на грешката и нейният външен вид не могат да се променят чрез html css). Ако полето е празно - браузърът също ще даде грешка, това се постига с помощта на атрибута required:

Стойност	Описание
email
number
url
tel
search
color
date
month
week
datetime
datetime-local
range

Вижте също