বিবরণ
HTML DOM Input Reset autofocus প্রোপার্টি HTML <input> এলিমেন্টের autofocus অ্যাট্রিবিউটের সাথে জড়িত। এই প্রোপার্টি ব্যবহার করা হয় সেট বা রিটার্ন করার জন্য যে রিসেট বাটন পেজ লোড হলে অটোমেটিক্যালি ফোকাস পাবে কিনা।
সিনট্যাক্স
Autofocus প্রোপার্টি সেট করার সিনট্যাক্স:
resetObject.autofocus = true|false
এখানে, true মানে রিসেট বাটন ফোকাস পাবে এবং false মানে অন্যথা। ডিফল্টভাবে false সেট করা থাকে।
উদাহরণ
Input Reset autofocus প্রোপার্টির জন্য একটি উদাহরণ:
<!DOCTYPE html> <html> <body> <h1> Reset Autofocus property</h1> <form style="border:solid 2px green;padding:2px"> UserName: <input type="text" id="USR"> <br> Location: <input type="text" id="Age"> <br><br> <input type="reset" id="RESET1" autofocus> </form> <p>Get the reset button autofocus property value by clicking the below button</p> <button type="button" onclick="FocusVal()">CHECK</button> <p id="Sample"></p> <script> function FocusVal(){ var f = document.getElementById("RESET1").autofocus; document.getElementById("Sample").innerHTML = "The reset button autofocus property is set to: "+f; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
CHECK বাটনে ক্লিক করার পর:
উদাহরণের ব্যাখ্যা
- আমরা একটি <input> এলিমেন্ট তৈরি করেছি যার type="reset", id="RESET1"। এই বাটনে ক্লিক করলে ফর্ম ডেটা রিসেট হবে। এই বাটন একটি ফর্মের ভেতরে আছে যাতে দুটি টেক্সট ফিল্ডও আছে এবং ফর্মে একটি ইনলাইন স্টাইলও আছে।
- তারপর একটি CHECK বাটন তৈরি করা হয়েছে যা ক্লিক করলে FocusVal() মেথড এক্সিকিউট হবে।
- FocusVal() মেথড getElementById() ব্যবহার করে type="reset" ইনপুট এলিমেন্ট পায় এবং autofocus প্রোপার্টি পায়। Autofocus প্রোপার্টি true এবং false রিটার্ন করে রিসেট বাটনের autofocus অ্যাট্রিবিউটের মানের উপর ভিত্তি করে। এই মান f ভেরিয়েবলে অ্যাসাইন করা হয় এবং "Sample" id वाले প্যারাগ্রাফে innerHTML প্রোপার্টি ব্যবহার করে প্রদর্শন করা হয়।
