কম্পিউটার টিউটোরিয়াল

HTML DOM ইনপুট সাবমিট value প্রপার্টি


ভূমিকা

HTML DOM ইনপুট সাবমিট value প্রপার্টি type="submit" 가진 ইনপুট এলিমেন্ট এবং value এট্রিবিউটের সাথে জড়িত। এটি সাবমিট বাটনের value এট্রিবিউটের মান রিটার্ন করতে বা সেট করতে ব্যবহৃত হয়। সাবমিট বাটনের জন্য value প্রপার্টি বাটনে প্রদর্শিত টেক্সট পরিবর্তন করে কারণ ডিফল্টভাবে টেক্সট হলো "Submit"।

সিনট্যাক্স

value প্রপার্টি সেট করার সিনট্যাক্স:

submitObject.value = text;

এখানে, text সাবমিট বাটনে প্রদর্শিত টেক্সট নির্দিষ্ট করতে ব্যবহৃত হয়।

উদাহরণ

নিচে ইনপুট সাবমিট value প্রপার্টির একটি উদাহরণ দেওয়া হলো:

<!DOCTYPE html> <html> <body> <h1>Input submit Value property</h1> <form style="border:solid 2px green;padding:2px"> UserName: <input type="text" id="USR"> <br> Location: <input type="text" id="Loc"> <br><br> <input type="submit" id="SUBMIT1"> </form> <p>নিচের বাটনে ক্লিক করে উপরের এলিমেন্টের মান পরিবর্তন করুন</p> <button onclick="changeValue()">CHANGE</button> <p id="Sample"></p> <script>    function changeValue() {       document.getElementById("SUBMIT1").value="Form_Submit";       document.getElementById("Sample").innerHTML="The submit button value is changed and the value can be seen on the button itself";    } </script> </body> </html>

আউটপুট

এটি নিচের আউটপুটটি তৈরি করবে:

HTML DOM ইনপুট সাবমিট value প্রপার্টি

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

HTML DOM ইনপুট সাবমিট value প্রপার্টি

  1. HTML DOM ইনপুট সাবমিট autofocus প্রপার্টি

  2. HTML DOM ইনপুট সার্চ value প্রপার্টি

  3. HTML DOM ইনপুট সাবমিট type প্রপার্টি

  4. HTML DOM ইনপুট সাবমিট name প্রপার্টি