HTML फॉर्म सबमिट होने पर डेटा कहाँ भेजा जाए, यह निर्दिष्ट करने के लिए action विशेषता का उपयोग किया जाता है। यह फॉर्म डेटा को प्रोसेस करने वाले सर्वर-साइड स्क्रिप्ट (PHP, Python, Node.js, आदि) या ईमेल पते को इंगित करता है।
उदाहरण
निम्नलिखित कोड फॉर्म डेटा सबमिशन URL सेट करने का तरीका दर्शाता है:
<!DOCTYPE html>
<html>
<body>
<h2>छात्र संपर्क फॉर्म</h2>
<form action="mailto:emailid@example.com" method="post" enctype="text/plain">
छात्र नाम:<br>
<input type="text" name="sname"> <br>
छात्र विषय:<br>
<input type="text" name="ssubject"><br>
<input type="submit" value="भेजें">
</form>
</body>
</html>
action विशेषता के मान
| प्रकार | उदाहरण | विवरण |
|---|---|---|
| सर्वर URL | action="/submit-form.php" |
सापेक्ष पथ - उसी डोमेन पर |
| पूर्ण URL | action="https://api.example.com/submit" |
पूर्ण URL - किसी भी डोमेन पर (CORS अनुमति के साथ) |
| ईमेल (mailto:) | action="mailto:user@example.com" |
उपयोगकर्ता के ईमेल क्लाइंट को खोलता है (विश्वसनीय नहीं) |
| खाली | action="" |
वर्तमान पेज पर सबमिट करता है |
| # (फ्रैगमेंट) | action="#section" |
पेज के भीतर विशिष्ट भाग पर |
महत्वपूर्ण बिंदु
actionविशेषता आवश्यक है (HTML5 में वैकल्पिक, डिफ़ॉल्ट वर्तमान पेज)।methodविशेषता (GET/POST) के साथ संयोजन में उपयोग किया जाता है।enctypeडेटा एन्कोडिंग निर्दिष्ट करता है (application/x-www-form-urlencoded,multipart/form-data,text/plain)।- सर्वर-साइड प्रोसेसिंग के लिए हमेशा सर्वर URL का उपयोग करें;
mailto:अविश्वसनीय है।
सर्वोत्तम अभ्यास
<!-- सर्वर-साइड प्रोसेसिंग के लिए --> <form action="/api/register" method="POST"> <input name="email" type="email" required> <input name="password" type="password" required> <button type="submit">रजिस्टर</button> </form>