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