Yakuniy nazorat ishi

avtoto'ldirish

Avtomatik to'ldirish atributidan forma kiritish elementlari va

elementining avtoto'ldirish xususiyatini yoqish yoki o'chirish uchun foydalanish mumkin. Avtomatik to'ldirish yoqilgan bo'lsa, brauzer avvalgi yozuvlarga asoslanib avtomatik ravishda avtomatik ravishda to'ldiradi. Bu atribut bilan bir qatorda matn, elektron pochta, url, tel, parol, matn, diapazon, sana va rang bilan ham ishlaydi.  uchun avto-to'ldirishni yoqib, barcha kiritish maydonlarida avtomatik to'ldirish yoqiladi.  uchun avtomatik to'ldirish yoqilgan bo'lsa ham, agar xohlasangiz, uni kirish maydonlarining har biri uchun o'chirib qo'yishingiz mumkin.

Namuna kodi:

Bir marta qiymatlarni kiritishga urinib ko'ring, so'ngra formani yangilaganingizdan keyin yana takrorlang. Agar siz avval kiritgan harfingiz bilan boshlanadigan qiymatni kiritishga harakat qilsangiz, u holda Google taklif qilganidek (quyida keltirilgan) takliflar oynasida ushbu qiymatni ko'rasiz.

Download atributi faylni yuklab olish uchun giperhavolalardan foydalaniladi . Holda download atributi , fayl brauzeri ko'rinishida ochiladi.



2. CSSda margin xususiyatlari: margin, margin-top, margin-right, margin-bottom, margin-left. Izohlang va misollar keltiring..

CSS da margin xususyatlari shundan iboratki margin CSS da yani yaratayotgan web sahifamizda bizga kerakli bo’lgan istalgan narsamizni, tegimizni misol uchun div, image, navbar shunga o’xshash hamma teglarni majburan surish uchun ishlatiladi.

Margin top – yuqordan pastga qarab suradi.

Margin botton – pastdan yuqorga qarab suradi.

Margin right – o’ngdan chapga qarab suradi.

Margin light – chapdan o’nga qarab suradi.

Shu komandalar orqali biz CSS da istalgan tegimizni surish imkonyatiga ega bo’lamiz.

Bu kodda rasmlar o’ngdan chapga, yuqordan pastga va chapdan o’nga surilgan margin bilan.

Bu surat yuqorda terilgan kodning natijasi.

3. JQueryга кириш. Имкониятлари. Фойдаланиш усуллари.

JQuery nima?

JQuery eng mashhur Javascript kutubxonasidir . Kutubxona bu Jquery deb nomlangan bitta fayl ichidagi ko'p funktsiyalar to'plamidir . Jquery 2006 yilda chiqarilgan va bugungi kunda 95% veb-saytlar JQuery- dan foydalanadilar . JQuery ega harakatlar keng ko'lamli , kabi voqea ishlash , DOM hamkorlik , DOM manipulyatsiyasi , Animations'da , AJAX o'zaro va boshqalar qilish jquery oson o'rganish.

Jquery nima qila oladi

JQuery Javascript dasturlashni soddalashtirishi mumkin .

Jquery- ning eng yaxshi tomoni shundaki, Jquery 6, 7,8 kabi eski Internet Explorer versiyasi tomonidan qo'llab-quvvatlanadi. Jquery Expression-ning bitta qatori yangi va eski brauzerlarda ishlaydi.

JQuery-ni tanlash uchun sabab

1. 
   Engil vazn, 30 kb fayl (minitlangan va gziped).
   
2. 
   Upto JavaScript-ga qaraganda 50% kamroq sintaksis .
   
3. 
   IE 8 va undan keyingi brauzerlarni qo'llab-quvvatlang (JQuery 1+ versiyalari).
   
4. 
   JQuery saytida 2000+ bepul plaginlari mavjud.
   
5. 
   JQueryning asosiy tushunchasi va qobiliyati
   
6. 
     jQuery - bir JavaScript-kutubxona JavaScript, HTML va CSS o'zaro ajratilgan.
   Nima jQueryda mumkin
   1. Har qanday elementni DOM (hujjat ob'ekt model) kiring va faqat davolash emas balki ularni manipulyatsiya qilish.
   2. Voqealar bilan ishlash.
   3. Boshqa ko'rgazmali ta'sir amalga oshirish oson.
   4. AJAX bilan ishlash (sahifa qayta yuklamasdan server bilan muloqot qilish imkonini beradi texnologiyasi  juda foydali).
   5. JavaScript foydalanuvchi interfeysi elementlari yaratish uchun Plug-ins katta raqami bor.
   U qanday ishlaydi
   Birinchidan ishlab chiquvchilarining saytida kutubxona o'zi yuklab uni hal qilish va bizning html-sahifalarda.
   Endi  jQuery html-sahifasiga ulanish kerak bo'ladi. U yerda HTML teg tashqi yozuv fayllar ulanish uchun mas'ul bo'lgan
          
    
   
   
7. 
    
    
      

   jQuery da effektlar

   
      
   1
   
      
   2
   
      
   3
   
       Show() Ko`rinishi
       SlideDown()Ko`rinishi
       Animate() Ko`rinishi
    
      

   jQuery da effektlar

   
      
   1
   
      
   2
   
      
   3
   
       Show() Ko`rinishi
       SlideDown()Ko`rinishi
       Animate() Ko`rinishi
   
8.