<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 ஐ புரிந்துகொள்வது உள்ளீடு கொண்ட ஒவ்வொரு வலை பயன்பாட்டிற்கும் அடிப்படையாகும்.