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="+996 (xxx) xxx-xx-xx">