համակարգիչ
Կայքի մենյու
 
   

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>



Կիսվել սոցցանցերում