6-Amaliy mashg’ulot. Veb-sahifada forma (shakl)lar bilan ishlash Ish maqsadi: Asosiy



Yüklə 107,32 Kb.
səhifə2/2
tarix20.11.2023
ölçüsü107,32 Kb.
#162590
1   2
6-amaliy mashg\'ulot


- “checkbox” (ing. checkbox – belgilash katakchasi) – bir necha variantlarni
tanlash mumkin bo‘lgan belgilash katakchasini hosil qiladi;
"reg.html" method="post">
Qiziqishlari:

"checkbox"> Elektronika

"checkbox"> Dasturlash

"checkbox"> Robototexnika

"checkbox"> Loyihalash


2. -rasm. Belgilash katakchasini hosil qilish.

- “hidden” (ing. hidden – yashirin) – turli xizmatchi ma’lumotlar uchun
maxfiy maydon hosil qiladi. Ushbu maydon veb-sahifaga ko‘rinmaydi;
- “password” – parol kiritish uchun maydon hosil qiladi. Ushbu maydonga
yozilgan simvollar o‘rniga parolning maxfiyligini saqlash maqsadida
“yulduzcha” belgisi aks ettiriladi;
"reg.html" method="post">
Parol: "password">


3.-rasm. Xizmatchi ma’lumotlar uchun maxfiy maydon hosil qilish

-“radio”–berilgan variantlarning ichidan faqat birini tanlash mumkin
bo‘lgan radiotugma hosil qililadi;
"reg.html" method="post">
Jinsi:

"radio"> Erkak

"radio"> Ayol



4.-rasm. Radio tugma maydonni hosil qilish.

-“reset”–formadagi barcha maydonlarining qiymatlarini boshlang‘ich holatga qaytaruvchi tugma hosil qilinadi;
-“button”–tugma hosil qilinadi;
-“image”–forma ma’lumotlarini serverga yuborish uchun grafik tugma hosil qilinadi;
-“submit”–forma ma’lumotlarini serverga yuborish uchun oddiy tugma
hosil qilinadi.
"reg.html" method="post">

Ma’lumot


F.I.O:

"text">

Ma’lumoti:

"radio"> Oliy

"radio"> O‘rta maxsus

"radio"> Umumiy o‘rta

Qiziqishlari:

"checkbox"> Elektronika

"checkbox"> Dasturlash

"checkbox"> Robototexnika

"checkbox"> Loyihalash

Ilova: "file">

"submit">


5.-rasm. Forma maydonlarini hosil qilish.

Shuningdek, HTML tilining 5 talqinida «type» atributi uchun bir qancha
qo‘shimcha qiymatlar kiritilgan bo‘lib, ularga quyidagilar kiradi:
-“date” – foydalanuvchiga “DD.MM.YYYY” formatda sana tanlash maydonini hosil qiladi;

Ishlab chiqarilgan sana: "date">



6-rasm. Forma sana maydonlarini hosil qilish.

- “datetime” – UTC vaqt zonasiga muvofiq sana va vaqt tanlash maydonini hosil qiladi;
-“datetime-local” – mahalliy sana va vaqt tanlash maydonini hosil
qiladi;

Mashg’ulot vaqti: "datetime-local">


7-rasm. Forma sana va soat maydonlarini hosil qilish.

- «list» atributi – ushbu atribut elementi yordamida hosil


qilingan ma’lumotlar ro‘yxatini maydon bilan bog‘laydi va natijada
maydonga kiritilishi lozim bo‘lgan ma’lumotlarning variantlari taklif etiladi.
Ushbu holatda taklif qilinadigan variantlar to‘yxati dastlab ko‘rinmay turadi,
maydon faollashishi bilan ro‘yxat taklif etiladi;
"post" action="reg.php">

Qiziqishingiz: "interest">

"interest">





"submit" name="btn">



8-rasm. Formada maydonini «list» atributi orqali hosil qilish.

- «name» atributi – maydonning nomini aniqlaydi va shu nom orqali


maydonga murojaat qilish mumkin bo‘ladi;
- «placeholder» atributi – maydonga qiymat kiritilgunga qadar unga
qiymat sifatida ko‘rinib turuvchi matn. Maydonga qiymat kiritilishida
ko‘rinmaydi. Ushbu atribut maydonga qanaqa qiymat kiritilishi lozimligi
haqida foydalanuvchiga izoh beradi.
Masalan:
"text" placeholder="Ismingizni kiriting



9-rasm. Formada maydonini «placeholder» atributi orqali hosil qilish.





10-rasm. «button» elementi.

Berilgan variantlar orasidan birini tanlash imkonini beruvchi qalqib chiquvchi
ro‘yxatni hosil qilish uchun HTML da elementi «autofocus», «disabled», «form», «required», «name» kabi
umumiy atributlardan tashqari «size» hamda «multiple» atributlariga ham ega.
Bunda «size» - boshlang‘ich holatda nechta ro‘yxat elementlari (variantlar) ko‘rinibturishini belgilaydi va u qiymat sifatida natural son qabul qiladi.
«multiple» atributi esa, mantiqiy qiymat qabul qilib, u variantlardan bir nechtasini tanlash mumkinligini belgilaydi.Ro‘yxat elementlarini aks ettiruvchi

Yüklə 107,32 Kb.

Dostları ilə paylaş:
1   2




Verilənlər bazası müəlliflik hüququ ilə müdafiə olunur ©azkurs.org 2024
rəhbərliyinə müraciət

gir | qeydiyyatdan keç
    Ana səhifə


yükləyin