কম্পিউটার টিউটোরিয়াল

HTML DOM Input Hidden type প্রপার্টি


HTML DOM Input Hidden type প্রপার্টি

HTML DOM input hidden type প্রপার্টি ইনপুট ফিল্ডের type অ্যাট্রিবিউটের মান ফেরত দেয়।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

object.type

উদাহরণ

HTML DOM input hidden type প্রপার্টির উদাহরণ:

<!DOCTYPE html> <html> <head> <style> 
  body{ text-align:center; background-color:#F19A3E; color:#fff; }
  .btn{ background-color:#3C787E; border:none; height:2rem; border-radius:50px; width:60%; margin:1rem auto; display:block; color:#fff; outline:none; }
  .show{ color:#fff; font-size:1.2rem; font-weight:600; } 
</style> </head> <body> 
<h1>DOM Hidden type Property Demo</h1> 
Enter your Name:<input type="hidden" class="input-field"> 
<button onclick="getType()" class="btn">Click to get above input type</button> 
<div class="show"></div> 
<script> 
  function getType() { 
    var inputField = document.querySelector(".input-field"); 
    var msgDiv = document.querySelector(".show"); 
    msgDiv.innerHTML = "type = " + inputField.type; 
  } 
</script> </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

HTML DOM Input Hidden type প্রপার্টি

"Click to get above input type" বাটনে ক্লিক করলে হিডেন ইনপুট ফিল্ডের type অ্যাট্রিবিউটের মান পাওয়া যাবে।

HTML DOM Input Hidden type প্রপার্টি


  1. HTML DOM ইনপুট সাবমিট type প্রপার্টি

  2. HTML DOM Input Radio type প্রোপার্টি

  3. HTML DOM Input Password type প্রোপার্টি

  4. HTML DOM Input Range type প্রোপার্টি