એક <form> વપરાશકર્તાનો ઇનપુટ એકત્રિત કરે છે અને તેને સર્વરને સબમિટ કરે છે। મુખ્ય વિશેષતાઓ છે action (ક્યાં મોકલવું) અને method (કેવી રીતે મોકલવું).
html
Email
Password
Sign up
એક <form> વપરાશકર્તાનો ઇનપુટ એકત્રિત કરે છે અને તેને સર્વરને સબમિટ કરે છે। મુખ્ય વિશેષતાઓ છે action (ક્યાં મોકલવું) અને method (કેવી રીતે મોકલવું).
Email
Password
Sign up
જ્યારે વપરાશકર્તા સબમિટ બટન પર ક્લિક કરે (અથવા Enter દબાવે), બ્રાઉઝર બધા નિયંત્રણો એકત્રિત કરે છે જેની પાસે name હોય, તેમને એનકોડ કરે છે અને actionને વિનંતી મોકલે છે.
<form method="get" action="/search"> <!-- data in the URL: /search?q=html -->
<form method="post" action="/login"> <!-- data in the request body -->
name વિશેષતા આવશ્યક છે<input value="hi" /> <!-- ❌ no name → NOT submitted -->
<input name="message" value="hi" /> <!-- ✅ submitted as message=hi -->
શুધ્ધ નામ આપવામાં આવેલ નિયંત્રણો જ મોકલાય છે. સર્વર તેમને તેમના name દ્વારા વાંચે છે.
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
});
ફોર્મ એ મુખ્ય રીત છે જેથી વપરાશકર્તાઓ સર્વરને ડેટા મોકલે છે।
action/method, name ની ભૂમિકા, GET-વિરુદ્ધ-POST શબ્દોર્થ, અને JS હેન્ડલિંગ માટે preventDefault ને સમજવું એ ઇનપુટ સાથે પ્રતિ વેબ એપ્લિકેશન માટે મૌલિક છે।