HTML tugmalari
Tugmalar foydalanuvchilarga veb-sahifa bilan muloqot qilish imkonini beradi. Ular bosilganda formalarni yuborishi, JavaScript ishga tushirishi yoki turli amallarni bajarishi mumkin.
HTML tugmasi
HTML <button> elementi bosiladigan tugmani belgilaydi.
O‘z holida tugma siz unga amal qo‘shmaguningizcha hech narsa qilmaydi.
HTML tugmalarini uslublash
Tugmalar ko‘pincha CSS bilan uslublanadi:
Faolsizlantirilgan tugmalar
Tugmani bosib bo‘lmaydigan qilish uchun disabled atributidan foydalaning:
Maslahat: faolsizlantirilgan tugmalarni bosib bo‘lmaydi va ular odatda xira ko‘rinadi.
JavaScript bilan ishlaydigan tugma
Foydalanuvchi tugmani bosganda onclick atributi yordamida JavaScript ishga tushirishingiz mumkin:
Eslatma: JavaScript haqida HTML JavaScript bobimizda batafsil bilib olasiz.
Tugma turlari
type atributi tugma bosilganda nima qilishini belgilaydi. Uch xil tugma turi mavjud:
type="button"- Oddiy bosiladigan tugma (standart holda hech narsa qilmaydi)type="submit"- Formani yuboraditype="reset"- Barcha forma maydonlarini tiklaydi
<button type="button">Normal Button</button>
<button type="submit">Submit</button>
<button type="reset">Reset</button>
Tugmalar ko‘pincha formalar ichida ishlatiladi, ular haqida keyingi boblarda ko‘proq o‘rganasiz.
Hozircha faqat shuni biling: submit tugmasi forma ma’lumotlarini serverga yuboradi, reset tugmasi esa formani tozalaydi:
Misol
<form action="/action_page.php">
First name: <input type="text" name="fname">
<button type="submit">Submit</button>
<button type="reset">Reset Form</button>
</form>
O‘zingiz sinab ko‘ring »
Eslatma: type atributini doim belgilashingiz kerak. Forma ichida standart tur submit bo‘ladi. type ko‘rsatilmasa, brauzerlar turlicha ishlashi mumkin.
HTML tugmalari bo‘yicha ma’lumotnoma
| Tag | Tavsif |
|---|---|
| <button> | Bosiladigan tugmani belgilaydi |
Maslahat: barcha HTML teglarining to‘liq ro‘yxatini HTML teglar ma’lumotnomasidan topasiz.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!