HTML DOM ইনপুট বোতাম অবজেক্ট

HTML DOM ইনপুট বোতাম অবজেক্ট একটি ইনপুট এইচটিএমএল উপাদান হিসাবে "বোতাম" হিসাবে টাইপ বৈশিষ্ট্য সহ কাজ করে।

আসুন দেখি কিভাবে একটি ইনপুট বোতাম অবজেক্ট −

তৈরি করা যায়

সিনট্যাক্স

নিচের সিনট্যাক্স −

var newButton = document.createElement(“INPUT”);
newButton.setAttribute(“type”,”value”);

এখানে, মান হতে পারে "বোতাম", "জমা দিন" এবং "রিসেট"।

সম্পত্তি

নীচে ইনপুট বোতাম অবজেক্টের বৈশিষ্ট্যগুলি রয়েছে -

সম্পত্তি	ব্যাখ্যা
অটোফোকাস	এই বৈশিষ্ট্যটি HTML-এ একটি ইনপুট বোতামের অটোফোকাস অ্যাট্রিবিউটের মান ফিরিয়ে দেয় এবং পরিবর্তন করে।
ডিফল্ট মান	এটি HTML এ একটি ইনপুট বোতামের ডিফল্ট মান ফিরিয়ে দেয় এবং পরিবর্তন করে।
নিষ্ক্রিয়	এটি HTML এ একটি ইনপুট বোতামের নিষ্ক্রিয় বৈশিষ্ট্যের মান প্রদান করে এবং পরিবর্তন করে।
ফর্ম	এটি ফর্মের রেফারেন্স প্রদান করে যা ইনপুট বোতামটি আবদ্ধ করে।
নাম	এটি HTML এ একটি ইনপুট বোতামের নামের বৈশিষ্ট্যের মান ফিরিয়ে দেয় এবং পরিবর্তন করে।
টাইপ	এই বৈশিষ্ট্যটি ইনপুট বোতামের ধরন প্রদান করে যেমন এটি "বোতাম" প্রকার, "জমা দিন" প্রকার বা "রিসেট" প্রকারের।
মান	এটি ইনপুট বোতামের মান বৈশিষ্ট্যের বিষয়বস্তু প্রদান করে এবং পরিবর্তন করে।

উদাহরণ

আসুন DOM ইনপুট বোতাম অবজেক্ট -

এর একটি উদাহরণ দেখি

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM Input Button Object</title>
<style>
   body{
      text-align:center;
   }
   .btn{
      display:block;
      margin:1rem auto;
      background-color:#db133a;
      color:#fff;
      border:1px solid #db133a;
      padding:0.5rem;
      border-radius:50px;
      width:60%;
      font-weight:bold;
   }
   .show-msg{
      font-weight:bold;
      font-size:1.4rem;
      color:#ffc107;
   }
</style>
</head>
<body>
<h1>Input Button Object Example</h1>
<input type="button" onclick="createReplica()" class="btn" value="Click to replicate
me">
<div class="show-msg"></div>
<script>
   function createReplica() {
      var newButton = document.createElement("INPUT");
      newButton.setAttribute("type","button");
      newButton.setAttribute("class","btn");
      newButton.setAttribute("value","Click to replicate me");
      newButton.setAttribute("onclick","createReplica()");
      document.body.appendChild(newButton);
   }
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM ইনপুট বোতাম অবজেক্ট

একই বোতামের একটি নতুন প্রতিরূপ তৈরি করতে "আমার প্রতিলিপি করতে ক্লিক করুন" বোতামে ক্লিক করুন৷

HTML DOM ইনপুট বোতাম অবজেক্ট