HTML DOM ইনপুট রিসেট নিষ্ক্রিয় বৈশিষ্ট্য সেট করা বা রিসেট বোতাম নিষ্ক্রিয় করা উচিত বা না থাকলে ফেরত দেওয়ার জন্য ব্যবহার করা হয়। এটি বুলিয়ান মান ব্যবহার করে, সত্য প্রতিনিধিত্ব করে রিসেট বোতামটি নিষ্ক্রিয় করা উচিত এবং অন্যথায় মিথ্যা হওয়া উচিত। অক্ষম সম্পত্তি ডিফল্টরূপে মিথ্যা সেট করা হয়. নিষ্ক্রিয় উপাদানটি ডিফল্টরূপে ধূসর হয়ে থাকে এবং এটিতে ক্লিক করা যায় না৷
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলঅক্ষম সম্পত্তি সেট করা হচ্ছে -
resetObject.autofocus = true|false
এখানে, true=reset বোতামটি নিষ্ক্রিয় এবং false=রিসেট বোতামটি নিষ্ক্রিয় করা হয়নি। এটি ডিফল্টরূপে মিথ্যা৷
উদাহরণ
আসুন ইনপুট রিসেট অক্ষম সম্পত্তি -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<h1>Input reset disabled 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">
</form>
<p>Disable the above reset button by clicking on the DISABLE button</p>
<button type="button" onclick="disableReset()">DISABLE</button>
<p id="Sample"></p>
<script>
function disableReset() {
document.getElementById("RESET1").disabled=true;
document.getElementById("Sample").innerHTML = "The reset button is now disabled" ;
}
</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>
তারপরে আমরা একটি অক্ষম বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে disableReset() পদ্ধতিটি কার্যকর করবে -
<button type="button" onclick="disableReset()">DISABLE</button>
disableReset() পদ্ধতি getElementById() পদ্ধতি ব্যবহার করে টাইপ রিসেট সহ ইনপুট উপাদান পায় এবং এর নিষ্ক্রিয় সম্পত্তি সত্যে সেট করে। এটি রিসেট বোতামটিকে আনক্লিকযোগ্য করে তোলে এবং ব্যবহারকারী আর এটির সাথে ইন্টারঅ্যাক্ট করতে পারে না। এটি এখন ধূসর হয়ে গেছে -
function disableReset() {
document.getElementById("RESET1").disabled=true;
document.getElementById("Sample").innerHTML = "The reset button is now disabled" ;
} 