HTML DOM বোতাম অটোফোকাস বৈশিষ্ট্য
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলবোতামটি অটোফোকাস বৈশিষ্ট্য সেট করা হচ্ছে -
buttonObject.autofocus = true|false
এখানে, true|false সুনির্দিষ্ট করে যে প্রদত্ত ইনপুট বোতামটি পৃষ্ঠা লোড হওয়ার সময় ফোকাস করা উচিত কিনা৷
- সত্য - ইনপুট বোতাম ফোকাস পায়
- মিথ্যা − ইনপুট বোতাম ফোকাস পায় না।
উদাহরণ
আসুন HTML DOM বাটন অটোফোকাস প্রপার্টি -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<button type="button" id="MyButton" autofocus>BUTTON</button>
<p>Click the below button to know if the input button above automatically gets the focus on page load or not</p>
<button onclick="buttonFocus()">CLICK IT</button>
<p id="Sample"></p>
<script>
function buttonFocus() {
var x = document.getElementById("MyButton").autofocus;
if(x==true)
document.getElementById("Sample").innerHTML="The input button does get focus on page load";
else
document.getElementById("Sample").innerHTML="The input button does not get focus on
page load";
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
ক্লিক IT বোতাম -
ক্লিক করুন
উপরের উদাহরণে -
আমাদের কাছে "MyButton" আইডি সহ একটি বোতাম এবং অটোফোকাস বৈশিষ্ট্য সক্রিয় −
<button type="button" id="MyButton" autofocus>BUTTON</button>
তারপর buttonFocus() ফাংশন -
চালানোর জন্য আমাদের কাছে একটি ক্লিক আইটি বোতাম রয়েছে<button onclick="buttonFocus()">CLICK IT</button>
buttonFocus() ফাংশন getElementById() পদ্ধতি ব্যবহার করে বোতাম উপাদান পায় এবং এর অটোফোকাস মান পায়, যা বুলিয়ান এবং এটি পরিবর্তনশীল x-এ বরাদ্দ করে। শর্তসাপেক্ষ বিবৃতি ব্যবহার করে আমরা অটোফোকাস মান সত্য এবং মিথ্যা কিনা তা পরীক্ষা করি এবং সেই অনুযায়ী উপযুক্ত পাঠ্য প্রদর্শন করি একটি
এর সাথে যুক্ত আইডি "নমুনা" সহ উপাদানে।
function buttonFocus() {
var x = document.getElementById("MyButton").autofocus;
if(x==true)
document.getElementById("Sample").innerHTML="The input button does get focus on page load";
else
document.getElementById("Sample").innerHTML="The input button does not get focus on page load";
} 