<form> — foydalanuvchidan ma’lumot yig’ib, uni serverga yuboradigan teg. Ro’yxatdan o’tish, tizimga kirish, izoh qoldirish, qidiruv — bularning barchasi forma orqali amalga oshiriladi. <form> veb-sahifaning interaktivligining asosidir.
<form>— foydalanuvchi kiritgan ma’lumotni to’plab, serverga uzatadigan teg. Uningactionvamethodatributlari ma’lumot qayerga va qanday yuborilishini belgilaydi.
Oddiy forma
<form> ichida kiritish maydonlari va yuborish tugmasi joylashadi:
<form action="/royxat" method="post">
<label>Ism:</label>
<input type="text" name="ism">
<label>Yosh:</label>
<input type="number" name="yosh">
<button type="submit">Yuborish</button>
</form>
Ism: [____________]
Yosh: [____]
[ Yuborish ]
action — ma’lumot yuboriladigan manzil, method — yuborish usuli. name atributi har bir maydonni server tomonida aniqlash uchun kerak. Tugma bosilganda ma’lumot yuboriladi.
action va method
Formaning ikki asosiy atributini jadvalda ko’ramiz:
| Atribut | Vazifasi | Qiymatlari |
|---|---|---|
action |
qayerga yuboriladi | manzil (URL) |
method |
qanday yuboriladi | get yoki post |
method="get" ma’lumotni URL orqali yuboradi (qidiruv uchun), method="post" esa yashirin, xavfsizroq usulda (parol, shaxsiy ma’lumot uchun). Muhim ma’lumot uchun doim post ishlating.
Forma elementlari
<form> turli xil kiritish elementlarini o’z ichiga oladi:
<form>
<input type="text" placeholder="Ismingiz">
<input type="email" placeholder="Pochta">
<input type="password" placeholder="Parol">
<textarea placeholder="Izoh"></textarea>
<button type="submit">Jo'natish</button>
</form>
[Matn maydoni] [Pochta maydoni] [Parol maydoni]
[Ko'p qatorli izoh maydoni]
[ Jo'natish ]
<input> turli turdagi maydonlar (matn, pochta, parol), <textarea> — ko’p qatorli matn, <button> — yuborish tugmasi. Bularning bari birga to’liq formani tashkil qiladi.
Amaliy eslatma
Har bir kiritish maydoniga name atributini berish shart — usiz maydon qiymati serverga yuborilmaydi. Foydalanuvchiga qulaylik uchun <label> teglari bilan maydonlarni belgilang; bu ekran o’quvchilar uchun ham muhim. Ma’lumotni serverda qabul qilish va qayta ishlash esa PHP, Python yoki boshqa server tili orqali bajariladi.
Xulosa
Bu bo’limda <form> tegini, action va method atributlarini, forma elementlarini (<input>, <textarea>, <button>) va name ning muhimligini ko’rib chiqdik. <form> — foydalanuvchi bilan server orasidagi ko’prik. Keyingi darsda <frame> tegiga o’tamiz.