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

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


ভূমিকা

HTML DOM ইনপুট সাবমিট autofocus প্রপার্টি HTML <input> এলিমেন্টের autofocus এট্রিবিউটের সাথে জড়িত। এই প্রপার্টি ব্যবহার করা হয় সাবমিট বাটনটি পেজ লোড হওয়ার সময় অটোমেটিক্যালি ফোকাস পাবে কিনা তা সেট বা রিটার্ন করার জন্য।

সিনট্যাক্স

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

submitObject.autofocus = true|false

এখানে, true মানে সাবমিট বাটন ফোকাস পাবে এবং false মানে অন্যথা। এটি ডিফল্টভাবে false সেট করা থাকে।

উদাহরণ

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

<!DOCTYPE html> <html> <body> <h1> Submit Autofocus property</h1> <form action="/Sample_page.php" 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" autofocus> </form> <p>নিচের বাটনে ক্লিক করে সাবমিট বাটনের autofocus প্রপার্টির মান পান</p> <button type="button()" onclick="FocusVal()">CHECK</button> <p id="Sample"></p> <script>    function FocusVal(){       var f = document.getElementById("SUBMIT1").autofocus;       document.getElementById("Sample").innerHTML = "The submit button autofocus property is set to: "+f;    } </script> </body> </html>

আউটপুট

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

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

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

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

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

  2. HTML DOM ইনপুট সাবমিট formNoValidate প্রপার্টি

  3. HTML DOM Input Radio autofocus প্রপার্টি

  4. HTML DOM Input Range autofocus প্রোপার্টি