Sobes.tech
Intern

HTMLda submit qiymati bilan type atributi nima anglatadi?

sobes.tech AI

AIdan javob

HTML elementidagi <button> yoki <input> atributi type="submit" bu elementning shaklni yuborishga mo'ljallanganligini belgilaydi. Bu atribut bilan bosilganda, brauzer barcha shakl elementlarining ma'lumotlarini yig'adi va <form> tegining action atributida ko'rsatilgan URLga (yoki action ko'rsatilmagan bo'lsa, hozirgi URLga) yuboradi.

Qanday ishlaydi:

  • <form> ichida: type="submit" bo'lgan tugma avtomatik ravishda eng yaqin ota shakl bilan bog'lanadi. Uni bosish shaklni standart tarzda HTTP usuli bilan yuborishni boshlaydi, bu usul method atributida ko'rsatilgan (standart GET).
  • <form> tashqarisida: <form> tashqarisidagi type="submit" tugmasi avtomatik shakl yuborish funksiyasiga ega emas. Uni JavaScript bilan ishlatib, shaklni qo'lda yuborish yoki boshqa harakatlar qilish mumkin.

Foydalanish misoli:

<form action="/submit-handler" method="POST">
  <label for="username">Foydalanuvchi nomi:</label>
  <input type="text" id="username" name="username"><br><br>

  <label for="password">Parol:</label>
  <input type="password" id="password" name="password"><br><br>

  <button type="submit">Shaklni yuborish</button>
</form>

Ushbu misolda, "Shaklni yuborish" tugmasiga bosilganda, brauzer username va password maydonlarining ma'lumotlarini /submit-handler URLga POST usuli bilan yuboradi.

type="button" bilan taqqoslaganda:

Atribut Ma'nosi Avtomatik shakl yuborishi JS bilan ishlatish
type="submit" Shaklni yuborish Ha Ha
type="button" Istalgan tugma, yuborish bilan bog'liq emas Yo'q Ha