HTML-ում ինչ տեսակների input-մասիներ կան?

Կան հետևյալ տեսակի input էլեմենտներ.

• text: Մի շարք տողային տեքստային դաշտ:
• password: Գաղտնաբառի դաշտ, նշանները թաքնված:
• submit: Ֆորմայի ուղարկման կոճակ:
• reset: Ֆորմայի վերականգնման կոճակ:
• radio: Փոխարկիչ (մեկից շատ):
• checkbox: Թույլտվության նշակ (մեկ կամ մի քանի):
• button: Սովորական կոճակ:
• file: Ֆայլի ընտրության դաշտ:
• hidden: Թաքնված դաշտ, որը չի երևում օգտվողին, բայց ուղարկվում է ֆորմայի հետ:
• image: Ֆորմայի ուղարկման պատկերային կոճակ:

HTML5 սահմանումը ավելացրել է նոր տեսակներ:

• email: Էլեկտրոնային հասցեի մուտքագրում:
• url: URL հասցեի մուտքագրում:
• number: Թվային մուտք:
• range: Սլայդ՝ թվային արժեք ընտրելու համար սահմանված տիրույթում:
• date: Ամսաթվի ընտրություն:
• month: Ամսվա և տարվա ընտրություն:
• week: Շաբաթվա և տարվա ընտրություն:
• time: Ժամանակի ընտրություն:
• datetime-local: Ամսաթիվ և ժամանակ ընտրելու դաշտ՝ առանց ժամային գոտու:
• search: Փնտրելու դաշտ:
• color: Գույնի ընտրություն:
• tel: Տելֆոնային համարի մուտք:

Օգտագործման օրինակ:

<!-- Մի շարք տողային տեքստային դաշտ -->
<input type="text" placeholder="Անուն">

<!-- Գաղտնաբառի մուտք -->
<input type="password" placeholder="Գաղտնաբառ">

<!-- Ֆորմայի ուղարկման կոճակ -->
<input type="submit" value="Ուղարկել">

<!-- Ֆորմայի վերականգնման կոճակ -->
<input type="reset" value="Վերականգնել">

<!-- Փոխարկիչներ -->
<input type="radio" name="լեզու" value="հայերեն"> Հայերեն
<input type="radio" name="լեզու" value="անգլերեն"> Անգլերեն

<!-- Թույլտվության նշակներ -->
<input type="checkbox" name="տարածքներ" value="մշակույթ"> Մշակույթ
<input type="checkbox" name="տարածքներ" value="խաղաղություն"> Խաղաղություն

<!-- Սովորական կոճակ -->
<input type="button" value="Կտտացրու ինձ">

<!-- Ֆայլի ընտրության դաշտ -->
<input type="file">

<!-- Թաքնված դաշտ -->
<input type="hidden" name="userId" value="123">

<!-- Պատկերային կոճակ -->
<input type="image" src="submit.png" alt="Ուղարկել">

<!-- Էլեկտրոնային հասցեի դաշտ -->
<input type="email" placeholder="Էլ. հասցե">

<!-- URL դաշտ -->
<input type="url" placeholder="Վեբկայք">

<!-- Թվային դաշտ -->
<input type="number" min="1" max="10">

<!-- Սլայդ -->
<input type="range" min="0" max="100">

<!-- Ամսաթվի դաշտ -->
<input type="date">

<!-- Ամսվա ընտրություն -->
<input type="month">

<!-- Շաբաթվա ընտրություն -->
<input type="week">

<!-- Ժամանակի ընտրություն -->
<input type="time">

<!-- Ամսաթիվ և ժամանակ (տեղական) -->
<input type="datetime-local">

<!-- Փնտրելու դաշտ -->
<input type="search" placeholder="Որոնել">

<!-- Գույնի ընտրություն -->
<input type="color">

<!-- Տելֆոնային համարի դաշտ -->
<input type="tel" placeholder="+374 (xxx) xxx-xx-xx">