logo
  1. Главная страница
  2. Рефераты
  3. Информатика и ИТ
  4. Forma tushunchasi formaning asosiy teglari formalarning imkoniyatlari va undan foydalanish

Forma tushunchasi formaning asosiy teglari formalarning imkoniyatlari va undan foydalanish

Загружено в:

20.09.2019

Скачано:

0

Размер:

74.5 KB
Скачать
Forma tushunchasi formaning asosiy teglari formalarning imkoniyatlari va undan foydalanish R е ja: 1. Forma tushunchasi. Formaning asosiy teglari 2. Forma elementlari va ularning atributlari. 3. Formalarning imkoniyatlari va undan foydalanish Web-sahifada formalar so&#39;rovlar o’tkazish, web-server va mijoz o‘rtasida muloqot o&#39;tkazish yoki berilgan ro&#39;yxatdan kerakli hujjatni tanlash maqsadida qo&#39;llaniladi. Formalar <form> va </form> teglari orasida joylashadi. HTML formalar quyidagi boshqariladigan elementlardan foydalanadi: 1. Tugmalar ( buttons ) 2. Bayroqchalar ( chekboxes ) 3. Ulagichlar ( radiobuttons ) 4. Menyular ( menus ) 5. Matn kiritish maydoni ( text input ) Tugmalarni uchta turi mavjud: 1. Jo’natuvchi tugmalar – bu tugmalar yordamida formalar serverga qayta ishlash uchun jo’natiladi. 2. Inkor etuvchi tugmalar – bu tugma bosilsa formaning hamma qiymatlari qaytadan boshlang’ich holatiga o’rnatiladi. 3. Umumiy tugmalar – bunday turdagi tugmani bosganda shu tugmaga bog’langan protsedura ishga tushadi. HTMLda forma elementlari 1. Bayroqcha – bu ikkita (tanlangan yoki tanlanmagan) holatga ega bo’ladigan element. Bayroqchalar input elementi yordamida hosil qilinadi. 2. Ulagichlar - ham bayroqchalarga o’xshaydi, ammo bitta farqi shundaki hamma elementlari bitta nomga ega bo’ladi va shulardan bittasi tanlanadi. Ulagichlar ham input yordamida tashkil qilinadi. 3. Menyu -foydalanuvchiga bir nechta variantlardan bir yoki bir nechtasini tanlash imkoniyatini yaratadi. 4. Matn kiritish maydoni- matnni foydalanuvchi tomonidan kiritilishini amalga oshiruvchi ikkita element mavjud. input elementi bitta qatorli kiritishni ta’minlaydi. Formalar tashkil qilish form elementi yordamida amalga oshiriladi. Umumiy ko’rinishi: <form> …</form> Form tegi quyidagi parametrlari mavjud:  Type - yordamida esa tugma turi aniqlanadi.  Name - parametr yordamida elementning nomi beriladi.  Input - parametri bilan forma ko’rinishi web sahifaga chiqariladi. Type parametri quyidagi qiymatlarni qabul qiladi.  Radio  Text  Submit  Reset  Value  1.   <form>…</form>   — veb sahifaga forma joylashtirish, forma foydalanuvchi va veb server bilan aloqani ta’minlab beradi. Agar forma elementlari( button ,   checkbox ,   radiobutton ,…) kiritilmasa, bu teg brauzerga hech nima chiqarmaydi, uning attributlari: accept-charset   — serverga jo‘natilayotgan axborot kodirovkasini o‘rnatish. <form accept-charset=»windows-1251″>…</form> action   — forma orqali jo‘natilayotgan ma’lumotlar qaysi sahifa orqali qayta ishlanishi kerakligi beriladi, biror adres ko‘rsatiladi. <form action=»index.php»>…</form> formadagi barcha axborotlar « index.php » sahifasiga olib o‘tilib, u yerda tahrirlanadi. autocomplete   — formani avtomat to‘ldirishni boshqarish, brauzer keshida qandaydir ma’lumotlar bo‘lsa, shular orqali forma to‘latilishi mumkin, uning qiymati: on (yoqig‘),   off (o‘chiq). nctype   — jo‘natilayotgan axborotlarni kodlash, uning qiymatlari *application/x-www-form-urlencoded   — bo‘sh joylar o‘rniga « + » belgisini qo‘yadi va qolgan yozuvlarni, uning 16lik tizimidagi qiymatlari bilan to‘ldiradi. *multipart/form-data   — axborotlar kodlanmaydi, fayllarni jo‘natishda ishlatiladi. *text/plain   — bo‘sh joylar « + » belgisi bilan yozildai, yozuvlar kodlanmaydi. method   — axborotlarni jo‘natish turi. Bu haqida « HTML da GET va POST»   maqolada to‘liq berilgan. name   — formaga nom berish, bu nom skriptlar yozishda ishlatiladi. novalidate   — formaga kiritilgan ma’lumotlarni brouzer tomonidan tekshirish. Brouzer pochta adreslarni, url adreslarni tekshirishi mumkin. target   — jo‘natilayotgan axborotni qayta ishlovchi veb sahifani ochilish turi, uning qiymatlari:   _blank,   _self,   _parent,   _top. « a » tegidagi « target » attributi bilan bir hil, shuning uchun qayta yozib o‘tirmadim.   <input>…</input>   — bu teg orqali forma elementlarini yaratish mumkin, ya’ni formani asosi hisoblanadi. Bu elementlarni yuqoridagi kodda keltirdim va keyingi maqoladagi kodda ham keltiraman, lekin faqat shu yerda tushuntirib o‘taman. Bu tegning attributlari: type   — forma elementi turi, bu attribut formada har xil ko‘rinishdagi elementlar hosil qilib beradi, ularni ba’zilarini misollarda ko‘rsatdim, ularning qiymatlari quyidagilar: *button   — tugma(knopka) hosil qilish. *checkbox   — bir necha tanlovni amalga oshirib beruvchi bayroqcha hosil qilish. *file   — serverga jo‘natiladigan fayl adresini kiritish, fayl elementi. *hidden   — ko‘rinmas element, sahifada ko‘rinmaydi, lekin ko‘p hollarda ishlatiladi. *image   — rasmli qator, rasmga bosilganda, axborotlar serverga jo‘natiladi. *password   — oddiy matnli element, lekin yozuvlari ko‘rinmaydi, parol yozish uchun. *radio   — bir necha tanlovalardan faqat bittasini tanlash imkonini beruvchi element. *reset   — forma qiymatlarini dastlabki holatga qaytarish. *submit   — formadagidagi axborotlarni serverga jo‘natish. *text   — oddiy matn kiritish elementi. align   — tip rasm( image ) bo‘lganda, rasmni tekislash, qiymatlari:   bottom,   left,   middle,   right,   top alt   — rasmli tugmada, rasm ochilmasa, uning o‘rnida paydo bo‘ladigan yozuv. autocomplate   — elementni avtomat to‘ldirishni o‘rnatish. border   — rasm atrofidagi ramka qalinligini o‘rnatish. checked   —   checkbox   yoki   radio   uchun dastlabki holatni « belgilash » ko‘rinishida namoyon qilish. <input type=»checkbox»>Messi <input type=»checkbox» checked=»checked»>Rooney <input type=»checkbox» >Neymar disabled   — elementni blokirovka qilish, ya’ni dastlabki holatni o‘zgartirib bo‘lmaydi. <input type=»text» disabled value=»Yozolmaysan»> form   — boshqa forma bilan identifikator orqali bog‘lanish. formaction   — axborotlarni qayta ishlaydigan sahifa adresini berish(form tegi action attributi bilan bir hil). formmethod   — axborotlari qaysi metod orqali serverga jo‘natishni belgilash(Get, Post. Form tegi method attributi bilan bir hil). maxlength   — foydalanuvchi tomonidan maksimal kiritilishi mumkin bo‘lgan axborot o‘lchami(kiritilgan raqamgacha bo‘lgan simvollar). multiple   — element tipi fayl bo‘lganda, bir paytda bir necha fayllar kiritilishi mumkinligini bildiradi. name   — forma elementiga takrorlanmas nom berish, bu nom axborot serverga jo‘natilayotganda ishlatiladi. readonly   — yozuvli elementda ishlatilsa, faqat yozuvni ko‘rish imkonini yaratadi, o‘zgartirib bo‘lmaydi. size   — yozuvli elementlarda(text, password) yozuv yozish mumkin bo‘lgan joyning uzunligini o‘rnatish. src     — tip rasm(type=image) bo‘lgan elementni adresini ko‘rsatish. tabindex   — klaviaturadan nechi marotaba «tab» tugmasi bosilsa, shu elementga o‘tish kerakligini o‘rnatish. Qiymat raqamlardan iborat bo‘ladi. value   — forma elementiga dastlabki qiymatni berish. Bu <input> tegining asosiy attributlari, html5 da yangi attributlar qo‘shilgan, ular haqida keyinroq. Yuqoridagi kodning natijasi quyidagicha bo‘ladi. Web saytlarda formalar juda ko‘p joyda ishlatiladi. Misol uchun,   registratsiyada ,   so‘rovlarda ,   avtorizatsiyada ,   kommentariyalarda   vaha kazo. Demak, zamonaviy saytlarni formalarsiz tasavvur qilib bo‘lmas ekan. Maqolamiz aynan shu formalarga bag‘ishlanadi, ya’ni formaga oid teglarga. Html orqali faqat formani tashqi ko‘rinishini qilish mumkin, undagi ma’lumotlarni qayta ishlash veb dasturlash( php ,   asp ,…)   orqali amalga oshiriladi. Formaga tegishli teglar ko‘proq bo‘lgani va ularni tushunish yengilroq bo‘lishi uchun maqolani ikki qismga bo‘ldik. Demak, dastlabki maqola uchun kodlarni keltiraman. <html> <head> <title>Form of Form</title><head> <body> <form name=&#34;forma&#34; action=&#34;index.php&#34; method=&#34;get&#34;> <table border=1 bgcolor=&#34;#ddffdd&#34; align=&#34;center&#34;> <tr> <td align=&#34;left&#34;> <input type=&#34;text&#34; name=&#34;search&#34; size=&#34;50&#34; value=&#34;Qidirish tizimi...&#34;> <input type=&#34;submit&#34; value=&#34;Qidir&#34;> <br> <input type=&#34;checkbox&#34; name=&#34;site&#34;>Saytdan qidirish <input type=&#34;checkbox&#34; name=&#34;google&#34;>Googledan qidirish </td> </tr> </table> </form> </body> Natija qoniqarli, lekin bu forma hech qanday vazifa bajarmaydi, faqat tashqi ko‘rinishni chizib beradi. Adabiyotlar: 1. Кarimov I.A. “Yuksak ma’naviyat – yengilmas kuch” Tosh kent ma’naviyat 2008 2. Abduqodirov A. va boshqalar. Informatika va hisoblash texnikasi asoslari – Т .: O`qituvchi, 1996 y. 3. Hoshimov O. Kompyuterli va raqamli texnologiyalar. - Т .: Yangi asr avlodi, 2009 y. 4. Usmonov R.N. Кompyuter tizimlariga texnik xizmat ko’rsatish” “Ilm ziyo” 2012. 5. Sh.A. Nazarov “Кompyuter va ofis qurilmalar”, 2007 y. 6. http://www.borlpasc.narod.ru/ . 7. http://www.intuit.ru

Похожие

Jadval tushunchasi jadval teglari jadvalning tuzilishi sahifa strukturasida jadvaldan foydalanish
Elektron pochta va undan foydalanish
CSS3 dan foydalanish kaskadli jadval stillari tushunchasi kaskadli jadval tushunchasi va imkoniyatlari shrift xususiyati
Zamonaviy kompyuter grafikasi va undan foydalanish. Grafik muharrirlar
Asosiy kadrlar va xususiyatlardan foydalanish