<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-vs-POST సెమాంటిక్లు మరియు JS నిర్వహణ కోసం preventDefault అర్థం చేసుకోవడం ఇన్పుట్ను కలిగి ఉన్న ప్రతి వెబ్ అ్యాప్కు ప్రాథమికమైనది.