HTML DOM input Password autofocus প্রপার্টি HTML <input> এলিমেন্টের autofocus অ্যাট্রিবিউটের সাথে জড়িত। এই প্রপার্টি পেজ লোড হলে ইনপুট পাসওয়ার্ড ফিল্ড অটোমেটিক্যালি ফোকাস পাবে কিনা সেট বা রিটার্ন করতে ব্যবহৃত হয়।
সিনট্যাক্স
autofocus প্রপার্টি সেট করার সিনট্যাক্স:
passwordObject.autofocus = true|false
এখানে, true মানে পাসওয়ার্ড ফিল্ড ফোকাস পাবে এবং false মানে অন্যথা। ডিফল্টভাবে এটি false সেট থাকে।
উদাহরণ
Input Password autofocus প্রপার্টির উদাহরণ:
<!DOCTYPE html> <html> <body> <h1>Input password autofocus প্রপার্টি</h1> Password: <input type="password" id="PASS" autofocus> <br><br> <button onclick="FocusVal()">CHECK FOCUS</button> <p id="Sample"></p> <script> function FocusVal() { var P = document.getElementById("PASS").autofocus; document.getElementById("Sample").innerHTML = "পাসওয়ার্ড ফিল্ডের autofocus প্রপার্টি সেট করা আছে "+P; } </script> </body> </html>আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
CHECK FOCUS বাটনে ক্লিক করলে:
উপরের উদাহরণে:
type “password”, id “Pass” এবং autofocus প্রপার্টি ইনেবল (true সেট) সহ একটি ইনপুট ফিল্ড তৈরি করা হয়েছে:
Password: <input type="password" id="PASS" autofocus>
তারপর CHECK FOCUS বাটন তৈরি করা হয়েছে যা ইউজার ক্লিক করলে FocusVal() মেথড এক্সিকিউট করবে:
<button onclick="FocusVal()">CHECK FOCUS</button>
FocusVal() মেথড getElementById() মেথড ব্যবহার করে টাইপ পাসওয়ার্ড ওয়ালা ইনপুট এলিমেন্ট পাওয়া এবং এর autofocus প্রপার্টি পাওয়া। autofocus প্রপার্টি এলিমেন্টের autofocus অ্যাট্রিবিউটের মান অনুযায়ী true বা false রিটার্ন করে। এই মান P ভেরিয়েবলে অ্যাসাইন করে id “Sample” ওয়ালা প্যারাগ্রাফে innerHTML প্রপার্টি ব্যবহার করে প্রদর্শন করা হয়েছে:
function FocusVal() { var P = document.getElementById("PASS").autofocus; document.getElementById("Sample").innerHTML = "পাসওয়ার্ড ফিল্ডের autofocus প্রপার্টি সেট করা আছে "+P; } 