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 նշիչ: Ավելին տես `checkbox`:
`radio`	Ստեղծում է ռադիո անջատիչ: Ավելին տես `radio`:
`hidden`	Ստեղծում է թաքնված input, որը տեսանելի չի լինի էկրանին, բայց կուղարկի `value` ատրիբուտում պարունակվող տվյալները սերվեր:
`button`	Ստեղծում է կոճակ: Այս կոճակի վրա սեղմելը չի ուղարկի ձևը սերվեր: Այն կարող է օգտագործվել հղման ներսում կամ `JavaScript`-ի միջոցով: Լռելյայնորեն կոճակը տեքստ չունի (առանց տեքստի կոճակի օրինակ. ), այն սահմանվում է `value`-ի միջոցով: Տես նաև `button` թեգը, որը նույնպես ստեղծում է կոճակ:
`submit`	Ստեղծում է կոճակ, որը կուղարկի տվյալները սերվեր: Կոճակի տեքստը կախված է բրաուզերից, այն կարելի է փոխել `value`-ի միջոցով: Տես նաև button թեգը, որը նույնպես ստեղծում է կոճակ:
`reset`	Ստեղծում է կոճակ, որը մաքրում է լրացված ձևը: Կոճակի տեքստը կախված է բրաուզերից, այն կարելի է փոխել `value`-ի միջոցով:
`file`	Ստեղծում է ֆայլ ընտրելու կոճակ: Այս կոճակի դիզայնը արգելված է փոխել CSS-ի միջոցով (սակայն կան խորամանկ մեթոդներ): Եթե ձեզ անհրաժեշտ է նման դաշտ ձևում, ապա `form` թեգը պետք է ունենա `enctype` ատրիբուտը multipart/form-data արժեքով:

type ատրիբուտի նոր արժեքները HTML5-ում

Ատրիբուտի այս արժեքները նոր են, հայտնվել են միայն HTML5-ում, ուստի որոշ բրաուզերներում դրանք կարող են չաշխատել կամ տարբեր բրաուզերներում աշխատել տարբեր կերպ:

Եթե բրաուզերը չի կարող հասկանալ type ատրիբուտի պարունակությունը (օրինակ, եթե այն չի աջակցվում կամ սխալ է մուտքագրվել), այն կհամարի տարրը սովորական տեքստային input, կարծես type-ում դրված է text արժեքը:

Տեսնեք ստորև բերված օրինակները տարբեր բրաուզերներում: Փորձեք մուտքագրել input-ներում տեքստ և սեղմել ուղարկելու կոճակին: Եթե տեքստը ոչ ճիշտ է կամ դաշտը դատարկ է - բրաուզերը կտա սխալ: Օրինակ, եթե email տիպի դաշտում մուտքագրել ոչ ճիշտ email - բրաուզերը չի թույլատրի ուղարկել ձևը և կտա սխալի մասին հաղորդագրություն (սխալի տեքստը և դրա արտաքին տեսքը html css-ով փոխել հնարավոր չէ): Եթե դաշտը դատարկ է - բրաուզերը նույնպես կտա սխալ, սա ձեռք է բերվում required ատրիբուտի միջոցով:

Արժեք	Նկարագրություն
`email`
`number`
`url`
`tel`
`search`
`color`
`date`
`month`
`week`
`datetime`
`datetime-local`
`range`

Տես նաև

textarea թեգը,
որը ստեղծում է բազմատող մուտքագրման դաշտ
pattern ատրիբուտը,
որը իրականացնում է մուտքագրման դաշտերի վավերացում