HTML DOM Form action প্রোপার্টি

HTML DOM Form action প্রোপার্টি ফর্ম এলিমেন্টের action অ্যাট্রিবিউটের সাথে জড়িত। ফর্ম action প্রোপার্টি সেই ওয়েব পেজ নির্দিষ্ট করে যেখানে ইউজার দ্বারা সাবমিট হওয়ার পর ফর্ম ডেটা পাঠানো হবে। এই অ্যাট্রিবিউট ফর্ম সাবমিট হওয়ার পর কল হয় যাতে জানা যায় কোথায় ফর্ম জমা দিতে হবে।

সিনট্যাক্স

Form action প্রোপার্টি সেট করার সিনট্যাক্স:

formObject.action = URL

এখানে, URL ফর্ম ডেটা পাঠানোর ঠিকানা নির্দেশ করে। এটি একটি এবসোলিউট URL বা রিলেটিভ URL হতে পারে।

উদাহরণ

Form action প্রোপার্টির একটি উদাহরণ:

<!DOCTYPE html> <html> <head> 
<style> 
    form{ 
        border:2px solid blue; 
        margin:2px; 
        padding:4px; 
    } 
</style> 
<script> 
    function changeAction() { 
        document.getElementById("FORM1").action = "/example_web.asp"; 
        document.getElementById("Sample").innerHTML = "The action attribute value of the form is changed to /example_web.asp"; 
    } 
</script> </head> <body> 
<h1>Form action property example</h1> 
<form id="FORM1" action="/sample.php"> 
<label>User Name <input type="text" name="usrN"></label> <br><br> 
<label>Password <input type="password" name="pass"></label> 
</form> 
<br> 
<button onclick="changeAction()">CHANGE</button> 
<p id="Sample"></p> 
</body> </html>

আউটপুট

উপরের কোডটি নিচের আউটপুট দেবে:

HTML DOM Form action প্রোপার্টি

"CHANGE" বাটনে ক্লিক করার পর:

HTML DOM Form action প্রোপার্টি

ব্যাখ্যা

id="Form1" এবং action="/sample.php" একটি ফর্ম তৈরি করা হয়েছে। action অ্যাট্রিবিউটের মান নির্দেশ করে যে ফর্ম ডেটা sample.php পেজে জমা দেওয়া হবে এবং এটি একটি রিলেটিভ URL। ফর্মে একটি টেক্সট ফিল্ড এবং একটি পাসওয়ার্ড ফিল্ড আছে।
তারপর একটি "CHANGE" বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে changeAction() মেথড এক্সিকিউট করবে।
changeAction() মেথড "FORM1" এলিমেন্টটি পায় এবং এর action প্রোপার্টির মান "/example_web.asp" সেট করে। প্যারাগ্রাফের (আইডি "Sample") innerHTML প্রোপার্টি ব্যবহার করে এই পরিবর্তন টেক্সট দিয়ে ইউজারকে দেখানো হয়।

function changeAction() { 
    document.getElementById("FORM1").action = "/example_web.asp"; 
    document.getElementById("Sample").innerHTML = "The action attribute value of the form is changed to /example_web.asp"; 
}