HTML թեգ <input>
![]() | ![]() | ![]() | ![]() | ![]() |
<input> թեգը ձևի հիմնական տարրն է (HTML <form> թեգը) և սահմանում է դաշտ՝ տեղեկատվություն մուտքագրելու համար։ Ներածման դաշտը այլ տեսք է ստանում՝ կախված տվյալ թեգի վրա կիրառվող type ատրիբուտի արժեքից։
Օրինակ՝
<input ատրիբուտ>
Ատրիբուտներ՝
- accept
- Նշում է սերվերի կողմից ընդունվող ֆայլերի տեսակները (ֆայլեր, որոնք կարող են վերբեռնվել սերվեր ուղարկելու համար): Հատկանիշն օգտագործվում է միայն <input type="file"> համար: Արժեքներ՝ file_extension | audio/* | image/* | video/* | media_type:
- alt
- Սահմանում է այլընտրանքային տեքստ պատկերների համար (միայն <input type="image">): Արժեքներ՝ տեքստ :
- autocomplete
- Նշում է, թե արդյոք տարրը պետք է ունենա ինքնալրացում: Լռելյայնորեն, ավտոմատ լրացումը միացված է: Արժեքներ՝ on | off | tokens:
- autofocus
- Բուլյան հատկանիշ, որը սահմանում է, որ <input> տարրը պետք է ավտոմատ կերպով ֆոկուս ստանա, երբ էջը բեռնվի: Արժեքներ՝ autofocus:
- checked
- Բուլյան հատկանիշ է և սահմանում է, որ տարրը պետք է նախապես ընտրվի էջի բեռնման ժամանակ (միայն <input type = "checkbox"> և <input type = "radio"> համար): Արժեքներ՝ checked:
- disabled
- Բուլյան հատկանիշ է և սահմանում է, որ էլեմենտը անջատված է (հասանելի չէ օգտատիրոջ փոխազդեցության համար): Արժեքներ՝ disabled:
- form
- Նշում է ձևը (<form> տարրը), որին պատկանում է էլեմենտը։ Արժեքը պետք է լինի նույն փաստաթղթի ձևի նույնացուցիչը (id): Արժեքներ՝ form_id:
- formaction
- Նշում է ֆայլի URL-ը, որը ձևը ներկայացնելուց հետո կմշակի մուտքագրումը (միայն <input type = "image"> և <input type = "submit">): Արժեքներ՝ URL:
- formenctype
- Նշում է, թե ինչպես պետք է ձևի տվյալները կոդավորվեն սերվերին ներկայացվելիս (միայն <input type="image"> և <input type="submit"> համար): Արժեքներ՝ application/x-www-form-urlencoded multipart/form-data text/plain:
- formmethod
- Նշում է տվյալների ներկայացման HTTP մեթոդը (միայն <input type = "image"> և <input type = "submit"> համար): Արժեքներ՝ get | post:
- formnovalidate
- Նշում է, որ օգտագործողի կողմից ձևաթղթում մուտքագրված տվյալների վավերացում չի իրականացվում (միայն <input type = «submit»> համար): Արժեքներ՝ formnovalidate:
- formtarget
- Հատկանիշով մենք բրաուզերին ասում ենք, թե որտեղ պետք է ցույց տալ ձևը ներկայացնելուց հետո ստացված պատասխանը (ներդիր, ընթացիկ պատուհան կամ շրջանակ): Նախնական արժեքը _self է - ցուցադրում է պատասխանը ընթացիկ պատուհանում: Հատկանիշն օգտագործվում է միայն <input type="image"> և <input type="submit"> համար: Արժեքներ՝ _blank | _self | _parent | _top | framename:
- height
- Սահմանում է տարրի բարձրությունը (միայն <input type = «image»> համար): Արժեքներ՝ պիկսել:
- list
- Նշում է նախապես սահմանված տարբերակների ցանկը, որոնք կներկայացվեն օգտագործողին: Հատկանիշի արժեքը պետք է համապատասխանի <datalist> տարրի ID-ին: Արժեքներ՝ datalist_id:
- maxlength
- Նշում է տարրում թույլատրված նիշերի առավելագույն քանակը: Միայն հետևյալ տեսակների վերահսկման համար՝ text, search, tel, url, email և password (մնացածն անտեսվում է): Արժեքներ՝ ամբողջ թիվ:
- max
- Նշում է տարրի առավելագույն արժեքը (արժեքը կարող է լինել կամ թվային արժեք կամ ամսաթիվ): Արժեքներ՝ թվային արժեք կամ ամսաթիվ:
- min
- Նշում է տարրի նվազագույն արժեքը (արժեքը կարող է լինել կամ թվային արժեք կամ ամսաթիվ): Արժեքներ՝ թվային արժեք կամ ամսաթիվ:
- multiple
- Նշում է, որ օգտվողը կարող է մեկից ավելի արժեքներ մուտքագրել տարրի մեջ (միայն <input type="file"> և <input type="email"> համար): Դա բուլյան հատկանիշ է: Արժեքներ՝ multiple:
- name
- Նշում է անուն <input> տարրի համար Արժեքներ՝ անուն:
- pattern
- Նշում է կանոնավոր արտահայտություն, որը համընկնում է տարրի մեջ մուտքագրված արժեքի հետ: Կանոնավոր արտահայտությունների շարահյուսությունը հետևում է JavaScript լեզվին: Միայն հետևյալ տեսակների վերահսկման համար՝ text, search, tel, url, email и password (մնացածն անտեսվում է): Արժեքներ՝ regexp:
- placeholder
- Նշում է ակնարկ, որը նկարագրում է տարրի մեջ մուտքագրվող ակնկալվող արժեքը: Հուշումը ցուցադրվում է մուտքագրման դաշտում, նախքան օգտագործողի արժեքը մուտքագրելը: Հատկանիշը կարող է օգտագործվել որոշակի տեսակների տվյալների դաշտերի հետ՝ email, password, search, tel, text և url Արժեքներ՝ տեքստ:
- readonly
- Բուլյան հատկանիշ, որը ցույց է տալիս, որ մուտքագրման դաշտը միայն կարդալու համար է: Արժեքներ՝ readonly:
- required
- Բուլյան հատկանիշ, որը նշում է, որ մուտքագրման դաշտը պետք է լրացվի նախքան ձևը ներկայացնելը: Արժեքներ՝ required:
- size
- Նշում է տարրի լայնությունը (նիշերով): Միայն հետևյալ տեսակների վերահսկման համար՝ text, search, tel, url, email և password (մնացածն անտեսվում է): Նախնական արժեքը 20 նիշ է: Արժեքներ՝ թիվ:
- src
- Նշում է պատկերի URL-ը, որն օգտագործվում է որպես ուղարկելու կոճակ (միայն <input type = «image»> համար): Արժեքներ՝ URL:
- step
- Սահմանում է «քայլի» չափը մուտքագրման դաշտի համար: Օրինակ, եթե հատկանիշի արժեքը 2 է, ապա հսկիչի արժեքը կունենա 2 քայլ և կմեծանա կամ կնվազի 2-ով (..-4,-2,0,2, 4..): Միայն հետևյալ տեսակների վերահսկման համար՝ number, range, tel, date, date, time, datetime-local, month, time և week (մյուսներն անտեսվում են): Նախնական արժեքը 1 է: Արժեքներ՝ ամբողջ թիվ:
- type
- Ներածման դաշտի ձևը փոխվում է կախված կիրառվող արժեքից: Արժեքներ՝ button | checkbox | color | date | datetime | datetime-local | email | file | hidden | image | month | number | password | radio | range | reset | search | submit | tel | text | time | url | week:
- value
- Սահմանում է արժեք տարրի համար: Արժեքներ՝ տեքստ:
- width
- Սահմանում է տարրի լայնությունը (միայն <input type = «image»> համար): Արժեքներ՝ պիկսել:
Թույլատրելի են Գլոբալ ատրիբուտնեը:
Օգտագործման օրինակ՝
<html>
<head>
<title>html թեգ input</title>
</head>
<body>
<form>
Անուն: <input type = "text" name = "firstname" placeholder = "Գրեք անունը"> <br> <br>
Ազգանուն: <input type = "text" name = "lastname" placeholder = "Գրեք ազգանունը"> <br> <br>
Արական <input type = "radio" name = "sex" value = "male" checked>
Իգական <input type = "radio" name = "sex" value = "female"> <br> <br>Ձեր մասին: <br>
<input type = "checkbox" name = "type1" value = "low"> փոքր 18 -ից<br>
<input type = "checkbox" name = "type2" value = "2old"> 18 -ից 35<br>
<input type = "checkbox" name = "type3" value = "high"> 35 - ից մեծ<br>
<input type = "checkbox" name = "type4" value = "busy">Ամուսնացած<br>
<input type = "checkbox" name = "type5" value = "cat">Ունեմ կատու<br> <br>
<input type = "submit" name = "submit" value = "Ուղարկել">
</form>
</body>
</html>
Կիսվել սոցցանցերում









