HTML DOM ইনপুট রিসেট টাইপ প্রপার্টি ইনপুট এলিমেন্ট এর টাইপ="রিসেট" এর সাথে যুক্ত। এটি সর্বদা ইনপুট রিসেট উপাদানের জন্য রিসেট ফেরত দেবে।
সিনট্যাক্স
রিসেট টাইপ প্রপার্টি -
-এর জন্য সিনট্যাক্স নিচে দেওয়া হলresetObject.type
উদাহরণ
আসুন আমরা রিসেট টাইপ প্রপার্টি −
এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<h1>Input reset type 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>Get the above input element type by clicking the below button</p>
<button type="button" onclick="resetType()">GET Type</button>
<p id="Sample"></p>
<script>
function resetType() {
var P=document.getElementById("RESET1").type;
document.getElementById("Sample").innerHTML = "The type for the input field is: "+P ;
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
GET Type প্রপার্টি -
-এ ক্লিক করলে
উপরের উদাহরণে -
আমরা 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>
তারপরে আমরা একটি "GET Type" বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে resetType() পদ্ধতিটি কার্যকর করবে -
<button type="button" onclick="resetType()">GET Type</button>
resetType() মেথড getElementById() মেথড ব্যবহার করে ইনপুট এলিমেন্ট পায় এবং ভেরিয়েবল P এর টাইপ এট্রিবিউট ভ্যালু বরাদ্দ করে। এই ভেরিয়েবলটি তারপর তার innerHTML প্রপার্টি ব্যবহার করে id “Sample” সহ অনুচ্ছেদে প্রদর্শিত হয় −
function getType() {
var P = document.getElementById("RESET1").type;
document.getElementById("Sample").innerHTML = "The type for the input field is : "+P;
} 