HTML tilidagi teg input turli xil shakl boshqaruv elementlarini yaratish uchun ishlatiladi, masalan, matn maydonlari, belgilash katakchalari, radio tugmalar va boshqalar. Tegning asosiy sintaksisi input quyidagicha:
<input type="type_of_control">
bu yerda teg yaratadigan type_of_control forma boshqaruvi turini belgilaydi . input Teg bilan yaratilishi mumkin bo'lgan turli xil shakl boshqaruvlari quyidagilarni input o'z ichiga oladi:
- Matn maydoni:
<input type="text">foydalanuvchilarga matn kiritish imkonini beruvchi matn maydonini yaratadi. - Belgilash qutisi:
<input type="checkbox">foydalanuvchilarga bir yoki bir nechta variantni tanlash imkonini beruvchi katakchani yaratadi. - Radio tugmasi:
<input type="radio">foydalanuvchilarga variantlar guruhidan bitta variantni tanlash imkonini beruvchi radio tugmani yaratadi. - Yuborish tugmasi:
<input type="submit">shaklni yuborish uchun ishlatiladigan yuborish tugmachasini yaratadi. - Qayta o'rnatish tugmasi:
<input type="reset">formani standart qiymatlariga qaytarish uchun ishlatiladigan tiklash tugmachasini yaratadi. - Yashirin maydon:
<input type="hidden">foydalanuvchiga ko'rinmaydigan, lekin server tomonidan ishlatilishi mumkin bo'lgan ma'lumotlarni saqlash uchun ishlatiladigan yashirin maydonni yaratadi.
Yuqoridagi ketma ketlikda natijalarni ko'ramiz.
Bu natijada inputning turlari keltirib o'tilgan. Yani yuqoridagi ma'lumotlar ketma ketligidagi natijani ushbu rasmda ko'rishingiz mumkin.
Teg inputshuningdek, forma boshqaruvini sozlash uchun ishlatilishi mumkin bo'lgan bir nechta atributlarga ega, masalan name, value, , placeholder, va boshqalar. Masalan, nameatributdan forma boshqaruviga yagona nom berish, atributdan esa valueforma boshqaruvining standart qiymatini belgilash uchun foydalanish mumkin. Atributdan placeholderfoydalanuvchiga shakl boshqaruvining kutilgan qiymati haqida maslahat berish uchun foydalanish mumkin.
inputMatn maydoni va yuborish tugmasi yaratish uchun tegdan foydalanishga misol :
<form>
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<br><br>
<input type="submit" value="Submit">
</form>
input Ushbu misolda biz tegdan matn maydoni va yuborish tugmasi yaratish uchun foydalanmoqdamiz . Matn maydonida neme "ism" atributi va label forma boshqaruvining tavsifini ta'minlovchi teg mavjud. Yuborish tugmasi value tugmada ko'rsatiladigan matnni belgilaydigan "Yuborish" atributiga ega.
