Тег input
Тег input HTML форманинг турли хил элементларини яратади:
оддий кириш майдони, парол учун кириш майдони, checkbox (чекбокс),
радио тугмачалар (radio), тугма.
Тег input тег form ичида жойлашиши керак.
Бу мажбурий эмас, лекин серверга маълумотларни жўнатиш ва уларни PHP орқали қайта ишлов бериш учун зарур.
Ёпилувчи тег талаб қилмайди.
Атрибутлар
| Атрибут | Тавсиф |
|---|---|
type |
Кириш майдонининг турини белгилайди. Вариантларни қуйида кўринг. |
value |
Кириш майдонidаги бошланғич қиймат. Тугма учун унинг матнини белгилайди.
Батафсил атрибут value да кўринг.
|
placeholder |
Кириш майдонидаги маслиҳат, батафсил атрибут
placeholder да кўринг.
|
name |
Кириш майдонининг номи. PHP да майdon маълумотларини олиш учун зарур. Форманинг тўғри иши учун кириш майдонларининг номлари бир-бирига мос келиши керак эмас (бир форма ичида). Агар улар мос келса - PHP га HTML кодида pastroq жойлашган кириш майдонининг маълумотлари келади. |
disabled |
Форма элементini блоклар (фақат input эмас, барчаси),
батафсил атрибут disabled да кўринг.
|
type атрибутининг қийматлари
| Қиймат | Тавсиф |
|---|---|
text |
Одий матнли кириш майдонини яратади. |
password |
Парол учун матнли кириш майдонини яратади. Унга матн киритиб кўринг - у юлдузчалар кўринишида кўринади. |
checkbox |
Чекбокс флажогини яратади.
Батафсил checkbox да кўринг.
|
radio |
Радио алмаштиргични яратади.
Батафсил radio да кўринг.
|
hidden |
Яширин инпут яратади, у экранда кўринмайди, лекин атрибут
value ичидаги маълумотларни серверга жўнатади.
|
button |
Тугма яратади. Ушбу тугмани босish
формани серверга жўнатмайди. У havola ичида ёки
JavaScript орқали ишлатилиши мумкин.
Бошланғич холда тугма матнга эга эмас (матнсиз тугма мисоли: ),
у value ёрдамида белгиланади.
Шунингдек, тугма ярайдиган тег button ни ҳам кўринг.
|
submit |
Серверга маълумотларни жўнатадиган тугма яратади.
Тугма матни браузерга боглик, уни value
ёрдамида ўзгартириш мумкин.
Шунингдек, тугма ярайдиган тег button ни ҳам кўринг.
|
reset |
Тўлдирилган формани тозалайдиган тугма яратади.
Тугма матни браузерга боглик, уни value
ёрдамида ўзгартириш мумкин.
|
file |
Файл танлов тугмасини яратади. Ушбу тугманинг дизайнини
CSS орқали ўзгартириш тақиқланган (лекин мураккаб усуллар бор). Агар сизга формада бундай майдон керак бўлса,
тег form атрибут
enctype га эга бўлиши керак, қиймати multipart/form-data.
|
HTML5 даги type атрибутининг янги қийматлари
Атрибутнинг ушбу қийматлари янги, фақат HTML5 да пайдо бўлган, шу сабабli баъзи браузерларда улар ишламаслиги мумкин ёки турли браузерларда турли хил ишлаши мумкин.
Агар браузер type атрибутининг мазмунини тушунолмаса
(масалан, агар у қўллаб-қувватланмаса ёки хатоли киритилган бўлса),
у элементни оддий матнли инпут деб ҳисоблайди, type да text қиймати тургандек.
Қуйида келтирилган мисолларни турли браузерларда кўриб чиқинг.
Инпутларга матн киритиб ва жўнатиш тугмасини босиб кўринг.
Агар матн нотўғри бўлса ёки майдон бўш бўлса -
браузер хатолик берadi. Мисол учун, email туридаги майдо̀нга нотўғри
email киритилса - браузер формани жўнатishга имкон бермайди ва
хатолик хабарини чиқаради (хатолик матни ва унинг ташки кўринишини html css да ўзгартириб бўлмайди).
Агар майдон бўш бўлса - браузер хатолик берadi,
бу required атрибути ёрдамида амалга оширилади:
| Қиймат | Тавсиф |
|---|---|
email |
|
number |
|
url |
|
tel |
|
search |
|
color |
|
date |
|
month |
|
week |
|
datetime |
|
datetime-local |
|
range |
