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