Тэг 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 |
