Тег 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 тегинин multipart/form-data маанисиндеги
enctype атрибуту болушу керек.
|
HTML5'теги type атрибуттунун жаңы маанилери
Бул атрибуттун маанилери жаңы, алар HTML5'те гана пайда болгон, ошондуктан кээ бир браузерлерде алар иштебеши мүмкүн же ар башка браузерлерде ар башкача иштеши мүмкүн.
Эгерде браузер type атрибуттунун мазмунун түшүнө албаса
(мисалы, эгерде ал колдолбойт же каталуу киргизилген болсо),
ал элементти кадимки текст
инпуту сыяктуу эсептейт, type'та text мааниси тургандай.
Төмөндөгү мисалдарды ар башка браузерлерде сынап көрүңүз.
Инпуттарга текст кирип жана жөнөтүү баскычын басып көрүңүз.
Эгерде текст туура эмес же талаа бош болсо -
браузер ката берет. Мисалы, эгерде
email тибиндеги талаага туура эмес
email киргизилсе - браузер форманы жөнөтүүгө уруксат бербейт жана
ката жөнүндө билдирүү берет (катанын тексти
жана сырткы көрүнүшүн html css менен өзгөртүүгө болбойт).
Эгерде талаа бош болсо - браузер дагы ката берет,
бул required атрибуттунун жардамы менен жетишилет:
| Маани | Сүрөттөмө |
|---|---|
email |
|
number |
|
url |
|
tel |
|
search |
|
color |
|
date |
|
month |
|
week |
|
datetime |
|
datetime-local |
|
range |
