HTML DOM ফর্ম অ্যাকশন প্রোপার্টি ফর্ম এলিমেন্টের অ্যাকশন অ্যাট্রিবিউটের সঙ্গে যুক্ত। ফর্ম অ্যাকশন প্রপার্টি ব্যবহারকারী দ্বারা জমা দেওয়ার পরে ফর্ম ডেটা পাঠানোর জন্য ওয়েব পৃষ্ঠাটি নির্দিষ্ট করে৷ ফর্মটি কোথায় জমা দিতে হবে তা নির্দিষ্ট করার জন্য ফর্মটি জমা দেওয়ার পরে এই বৈশিষ্ট্যটিকে বলা হয়৷
৷সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলফর্ম অ্যাকশন প্রপার্টি −
সেট করুনformObject.action = URL
এখানে, URL ফর্মের ডেটা পাঠানোর ঠিকানা নির্দিষ্ট করে। এটি একটি পরম URL বা একটি আপেক্ষিক URL হতে পারে৷
৷উদাহরণ
আসুন আমরা ফর্ম অ্যাকশন প্রোপার্টি -
এর একটি উদাহরণ দেখি<!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>
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেঞ্জ বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা id=“Form1” এবং কর্ম “/sample.php” সহ একটি ফর্ম তৈরি করেছি। অ্যাকশন অ্যাট্রিবিউটের মান নির্দিষ্ট করে যে ফর্ম ডেটা sample.php পৃষ্ঠাতে জমা দেওয়া হবে এবং এটি একটি আপেক্ষিক url। ফর্মটিতে একটি পাঠ্য ক্ষেত্র এবং একটি পাসওয়ার্ড ক্ষেত্র রয়েছে৷
<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>
তারপরে আমরা একটি পরিবর্তন বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করার পরে changeAction() পদ্ধতিটি কার্যকর করবে -
<button onclick="changeAction()">CHANGE</button>
changeAction() পদ্ধতিটি "FORM1" উপাদান পায় এবং এর কর্ম সম্পত্তি মান "/example_web.asp" এ সেট করে। আইডি "নমুনা" সহ একটি অনুচ্ছেদের অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে আমরা ব্যবহারকারীকে পাঠ্য প্রদর্শন করে এই পরিবর্তনটি প্রদর্শন করি -
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"; }