HTML DOM ইনপুট পরিসরের অটোফোকাস বৈশিষ্ট্যটি HTML উপাদানের অটোফোকাস বৈশিষ্ট্যের সাথে যুক্ত। পৃষ্ঠা লোড হওয়ার সময় ইনপুট রেঞ্জ স্লাইডারটি স্বয়ংক্রিয়ভাবে ফোকাস করা উচিত বা না হলে সেটিং বা ফেরত দেওয়ার জন্য এই বৈশিষ্ট্যটি ব্যবহার করা হয়৷
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলঅটোফোকাস প্রপার্টি −
সেট করা হচ্ছেrangeObject.autofocus = true|false
এখানে, সত্য প্রতিনিধিত্ব করে রেঞ্জ স্লাইডার ফোকাস পেতে হবে এবং মিথ্যা অন্যথায় প্রতিনিধিত্ব করে। এটি ডিফল্টরূপে মিথ্যা সেট করা আছে৷
উদাহরণ
আসুন ইনপুট রেঞ্জ অটোফোকাস প্রপার্টি −
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<h1>Input range autofocus property</h1>
<form>
<input type="range" id="RANGE1" name="VOL" autofocus>
</form>
<br>
<button type=”button” onclick="rangeFocus()">CHECK</button>
<p id="Sample"></p>
<script>
function rangeFocus() {
var R = document.getElementById("RANGE1").autofocus;
document.getElementById("Sample").innerHTML = "The autofocus property is set to: "+R;
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেক বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা একটি ফর্মের ভিতরে একটি ইনপুট ক্ষেত্র তৈরি করেছি যার মধ্যে type=“range” , id=“RANGE1” ,name=“VOL” আছে এবং এতে অটোফোকাস প্রপার্টি সক্ষম হয়েছে অর্থাৎ সত্য সেট করা আছে।
<form> <input type="range" id="RANGE1" name="VOL" autofocus> </form>
তারপরে আমরা একটি চেক বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করা হলে rangeFocus() পদ্ধতিটি কার্যকর করবে -
<button type=”button” onclick="rangeFocus()">CHECK</button>
rangeFocus() পদ্ধতি getElementById() পদ্ধতি ব্যবহার করে টাইপ রেঞ্জ সহ ইনপুট উপাদান পায় এবং অটোফোকাস বৈশিষ্ট্য পায়। অটোফোকাস বৈশিষ্ট্য রেঞ্জ স্লাইডার অটোফোকাস বৈশিষ্ট্য মানের উপর নির্ভর করে সত্য এবং মিথ্যা প্রদান করে। এই মানটি ভেরিয়েবল R-এ বরাদ্দ করা হয়েছে এবং এর অভ্যন্তরীণ এইচটিএমএল বৈশিষ্ট্য ব্যবহার করে "নমুনা" আইডি সহ অনুচ্ছেদে প্রদর্শিত হয় -
function rangeFocus() {
var R = document.getElementById("RANGE1").autofocus;
document.getElementById("Sample").innerHTML = "The autofocus property is set to: "+R;
} 