Formalarni yuborish uchun kirish yorlig'ini ishlatish
HTML formalari veb-saytingizga interaktivlik kiritishning eng asosiy usullaridan biridir. Savol berishingiz va o'quvchilaringizdan javob so'rashingiz, ma'lumotlar bazasidan qo'shimcha ma'lumotlar berishingiz, o'yinlarni o'rnatishingiz va boshqalar. Formatlaringizni yaratish uchun siz foydalanishingiz mumkin bo'lgan HTML elementlari mavjud. Shaklingizni tuzganingizdan so'ng, ushbu ma'lumotni serverga taqdim etish yoki faqat ariza harakatini boshlash uchun turli xil usullar mavjud.
Bu sizning arizangizni topshirishning bir necha usullari:
-
- Bu serverga ma'lumotni olishning eng keng tarqalgan usuli, ammo juda aniq ko'rinishi mumkin.
-
- Rasmni ishlatish sizning veb-saytingizning uslubi bilan sizning yuborish tugmani moslashni osonlashtiradi. Biroq, ba'zi odamlar uni yuborish tugmasi sifatida tan olishmasligi mumkin.
-
- INPUT tugmasi INPUT yorlig'i bilan bir xil variantlarni beradi, lekin standart yuborish turiga o'xshaydi. U JavaScript-ni ishga tushirishni talab qiladi.
-
tugmasi> ni bosing - BUTON yorlig'i INPUT yorlig'idan ko'ra ko'proq turdagi buton. Bu teg Javacript-ni faollashtirishni talab qiladi.
-
- Buyruqlar elementi HTML5 da yangi va u skript va shakllarni bog'liq harakatlar bilan faollashtirish uchun bir usul beradi. JavaScript bilan faollashtirilgan.
INPUT elementi
INPUT elementi ariza yuborishning eng keng tarqalgan usuli bo'lib, siz faqat bitta turni (tugma, rasm yoki yuborish) tanlaysiz va agar kerak bo'lsa, ariza topshirish uchun ba'zi bir skriptlarni qo'shing.
elementi shu kabi yozilishi mumkin. Lekin agar qilsangiz, siz turli xil brauzerlarda turli natijalarga erishasiz. Ko'pchilik brauzerlar "Yuborish" deb nomlangan tugmachani yaratadilar, ammo Firefox "So'rov yuborish" degan tugmachani yaratadi. Bu tugma nima deyilganligini o'zgartirish uchun siz o'zingiznini qo'shishingiz kerak:
value = "Shakl yuborish"
Element shu kabi yoziladi, lekin boshqa barcha xususiyatlarni qoldirsangiz, brauzerlarda ko'rsatiladigan barcha narsalar bo'sh kulrang tugma. Tugmani matn kiritish uchun qiymati attributini ishlating. Ammo JavaScript-ni ishlatmaguningizcha ushbu tugma ariza topshirmaydi.
onclick = "submit ();">
Bu tugma turiga o'xshaydi, bu formani topshirish uchun buyruq faylini talab qiladi. Bundan tashqari, matn qiymati o'rniga rasm manbasi URL manzilini kiritishingiz kerak.
src = "submit.gif">
BUTON elementi
BUTON elementi ham ochilish yorlig'ini, ham yopilish yorlig'ini talab qiladi. Agar siz uni ishlatsangiz, teg ichiga olgan har qanday tarkib bir tugmachaga qo'shiladi. Keyin tugmani skript yordamida faollashtirasiz.
Shakl yuborish
Rasmlarni sizning tugmachangizga qo'shishingiz yoki rasmlarni va matnni qiziqarli tugma yaratish uchun birlashtirishingiz mumkin.
Shakl yuborish
Buyruqlar elementi
Buyruqlar elementi HTML5 bilan yangi. U FORMni ishlatishni talab qilmaydi, ammo ariza formasini jo'natish tugmasi sifatida harakat qilishi mumkin. Ushbu element sizda, albatta, shakllarga muhtoj bo'lmaguningizcha, interaktiv sahifalarni yaratishga imkon beradi. Agar buyruqni biror narsa aytishni istasangiz, ma'lumotni sanasi xususiyati bilan yozing.
label = "Formani jo'nating">
Agar siz buyruqlaringiz rasm bilan ifodalanishini istasangiz, siz belgining atributidan foydalanasiz.
icon = "submit.gif">
Ushbu maqola HTML Forms Tutorial qismidir . HTML formalarini qanday ishlatishni o'rganish uchun to'liq o'quv qo'llanmasini o'qing.
HTML shakllarida oldingi sahifada o'rganganingizdek, turli xil usullar mavjud. Ushbu usullarning ikkitasi INPUT yorlig'i va BUTON yorlig'i. Bu ikkala elementdan foydalanishga asoslar mavjud.
INPUT elementi
Teg - bu ariza yuborishning eng oson usuli. Bu tegdan tashqari hech narsa talab qilmaydi. Xaridor tugmachani bosganda, u avtomatik ravishda yuboriladi. Siz hech qanday skriptlarni qo'shishingiz shart emas, brauzerlar INPUT yuborish yorlig'i kiritilganda ariza yuborish uchun bilishadi.
Muammo shundaki, bu tugma juda yomon va oddiy. Siz unga rasm qo'shishingiz mumkin emas. Siz uni boshqa har qanday element kabi tarbiyalashingiz mumkin, lekin u hali ham yomon tugma kabi ko'rinishi mumkin.
Shaklingiz JavaScript o'chirilgan brauzerlarda ham mavjud bo'lishi kerak bo'lsa, INPUT usulini ishlating.
BUTON elementi
BUTTON elementi shakllarni topshirish uchun ko'proq imkoniyatlarni taklif qiladi. BUTON elementi ichida biror narsani kiritishingiz va uni yuborish tugmasini bosishingiz mumkin. Odatda odamlar rasm va matnlardan foydalanadilar. Ammo siz DIVni yaratishingiz va agar xohlasangiz, butun narsalarni yuborish tugmasini bosishingiz mumkin.
BUTTON elementiga eng katta nuqson, ariza avtomatik ravishda yuborilmasligidir. Bu uni faollashtirish uchun ba'zi bir buyruq fayli bo'lishi kerakligini anglatadi. Va shuning uchun INPUT usulidan kamroq foydalanish mumkin. JavaScript-ni yoqmagan har qanday foydalanuvchi uni yuborish uchun faqat BUTTON elementi bilan ariza yuborish imkoniga ega bo'lmaydi.
Tugma usulini tanqidiy bo'lmagan shakllarda ishlating. Bundan tashqari, bu bitta formada qo'shimcha yuborish imkoniyatlarini qo'shishning ajoyib usuli hisoblanadi.
Ushbu maqola HTML Forms Tutorial qismidir. HTML formalarini qanday ishlatish haqida ko'proq ma'lumot olish uchun uni o'qing