Darsliklar HTML <form>

HTML HTML <form>

<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. Uning action va method atributlari 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.