HTML DOM ইনপুট রেডিও অটোফোকাস বৈশিষ্ট্য HTML উপাদানের অটোফোকাস বৈশিষ্ট্যের সাথে যুক্ত। পৃষ্ঠা লোড হওয়ার সময় ইনপুট রেডিও বোতামটি স্বয়ংক্রিয়ভাবে ফোকাস করা হয় কিনা তা সেট করা বা ফেরত দেওয়ার জন্য এই বৈশিষ্ট্যটি ব্যবহার করা হয়৷
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলঅটোফোকাস প্রপার্টি সেট করা হচ্ছে।
radioObject.autofocus = true|false
এখানে, সত্য প্রতিনিধিত্ব করে রেডিও বোতাম ফোকাস পেতে হবে এবং অন্যথায় মিথ্যা প্রতিনিধিত্ব করবে। এটি ডিফল্টরূপে মিথ্যা সেট করা আছে৷
উদাহরণ
আসুন ইনপুট রেডিও অটোফোকাস প্রপার্টি −
-এর একটি উদাহরণ দেখি<!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> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেক ফোকাস বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা type=“রেডিও”, id=“rad1”, name=“BTN” সহ একটি ইনপুট ফিল্ড তৈরি করেছি এবং এতে অটোফোকাস প্রপার্টি চালু আছে অর্থাৎ সত্য −
সেট করা আছে।Password: <input type="password" id="rad1" name=”BTN”autofocus>
তারপরে আমরা একটি বোতাম চেক ফোকাস তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করলে FocusVal() পদ্ধতিটি কার্যকর করবে -
<button type=”button” onclick="FocusVal()">CHECK FOCUS</button>
FocusVal() পদ্ধতি getElementById() পদ্ধতি ব্যবহার করে টাইপ রেডিও সহ ইনপুট উপাদান পায় এবং এটি অটোফোকাস বৈশিষ্ট্য পায়। অটোফোকাস বৈশিষ্ট্য রেডিও বোতাম অটোফোকাস বৈশিষ্ট্য মানের উপর নির্ভর করে সত্য এবং মিথ্যা প্রদান করে। এই মানটি ভেরিয়েবল R-এ বরাদ্দ করা হয়েছে এবং এর অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে "নমুনা" আইডি সহ অনুচ্ছেদে প্রদর্শিত হয়েছে৷
function FocusVal() {
var R = document.getElementById("rad1").autofocus;
document.getElementById("Sample").innerHTML = "The radio button has autofocus property set to "+R;
} সেট করা আছে 