<form> tiġbor input ta' l-utent u tissottometti lill-server. L-attrubuti ewlenin huma action (fejn tissottometti) u method (kif tissottometti).
html
Email
Password
Sign up
<form> tiġbor input ta' l-utent u tissottometti lill-server. L-attrubuti ewlenin huma action (fejn tissottometti) u method (kif tissottometti).
Email
Password
Sign up
Meta l-utent jagħmel klikk fuq il-buttuna ta' sottomissjoni (jew agħfas Enter), il-browser jigħbor il-kontrolli kollha li għandhom name, jikkodifikahom, u jibgħat talba lill-action.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name huwa essenzjali<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
Fukk il-kontrolli bin-nom jintbagħtu. Is-server jaqrahom bl-name tagħhom.
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
});
Formi huma l-mod ewlieni li l-utenti jibgħatu d-data lill-server.
L-għarfien ta' action/method, ir-rwol ta' name, is-semantika ta' GET-vs-POST, u preventDefault għall-ħandling ta' JS huma fundamentali għal kull app web b'input.