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

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

সিনট্যাক্স

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

radioObject.autofocus = true|false

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

উদাহরণ

Input Radio autofocus প্রপার্টির উদাহরণ:

<!DOCTYPE html> <html> <body> 
<h1>Input password autofocus property</h1> 
<form> RADIO: <input type="radio" id="rad1" name="BTN" autofocus> </form> 
<br><br> 
<button type="button" onclick="FocusVal()">CHECK FOCUS</button> 
<p id="Sample"></p> 
<script> 
  function FocusVal() { 
    var R = document.getElementById("rad1").autofocus; 
    document.getElementById("Sample").innerHTML = "The radio button has autofocus property set to "+R; 
  } 
</script> 
</body> </html>

আউটপুট

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

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

উপরের উদাহরণে:

আমরা type="radio", id="rad1", name="BTN" এবং autofocus প্রপার্টি enabled (true সেট) সহ একটি ইনপুট ফিল্ড তৈরি করেছি:

Password: <input type="password" id="rad1" name="BTN"autofocus>

তারপর আমরা CHECK FOCUS বাটন তৈরি করেছি যা ইউজার ক্লিক করলে FocusVal() মেথড এক্সিকিউট করবে:

<button type="button" onclick="FocusVal()">CHECK FOCUS</button>

FocusVal() মেথড getElementById() ব্যবহার করে রেডিও টাইপের ইনপুট এলিমেন্ট পায় এবং এর autofocus প্রপার্টি পায়। autofocus প্রপার্টি রেডিও বাটনের autofocus অ্যাট্রিবিউটের মান অনুযায়ী true বা false রিটার্ন করে। এই মান R ভেরিয়েবলে অ্যাসাইন করে "Sample" আইডি वाले প্যারা গ্রাফে innerHTML প্রপার্টি ব্যবহার করে দেখানো হয়:

function FocusVal() { 
  var R = document.getElementById("rad1").autofocus; 
  document.getElementById("Sample").innerHTML = "The radio button has autofocus property set to "+R; 
}