Fomu ya <form> inakusanya maalum kuhusu ingizo la mtumiaji na kuiwasilisha kwa seva. Sifa muhimu ni action (mahali pa kutuma) na method (jinsi ya kutuma).
html
Email
Password
Sign up
Fomu ya <form> inakusanya maalum kuhusu ingizo la mtumiaji na kuiwasilisha kwa seva. Sifa muhimu ni action (mahali pa kutuma) na method (jinsi ya kutuma).
Email
Password
Sign up
Mtumiaji akibofya kitufe cha kuwasilisha (au kushinikiza Enter), kivinjari kinakusanya vidhibiti vyote vina sifa ya name, vinakodekida na kutuma ombi kwa action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name ni muhimu<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Sura maalum tu zinatakazo hutumwa. Seva inazisoma kwa name yake.
form.addEventListener("submit", (e) => {
e.preventDefault(); // stop the full-page reload to handle it with fetch/AJAX
const data = new FormData(form); // easy way to read all fields
});
Fomu ni njia ya msingi inayotumika watumiaji kutuma data kwa seva.
Kuelewa action/method, jukumu la name, semantiki ya GET-dhidi-ya-POST, na preventDefault kwa ajili ya kukamatia JS ni muhimu kwa kila programu ya wavuti yenye ingizo.