কম্পিউটার

HTML DOM ইনপুট চেকবক্স প্রকার সম্পত্তি


ইনপুট চেকবক্স টাইপ প্রপার্টি রিটার্ন/সেট টাইপ ইনপুট চেকবক্স।

সিনট্যাক্স

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

  • রিটার্নিং স্ট্রিং মান
inputCheckboxObject.type
  • সেটিং টাইপ স্ট্রিং মান
inputCheckboxObject.type = stringValue

স্ট্রিং মান

এখানে, “stringValue” নিম্নলিখিত হতে পারে -

stringValue বিশদ বিবরণ
চেকবক্স এটি সংজ্ঞায়িত করে যে ইনপুট টাইপ হল চেকবক্স
রেডিও এটি সংজ্ঞায়িত করে যে ইনপুট টাইপ হল রেডিও
পাঠ্য এটি সংজ্ঞায়িত করে যে ইনপুট টাইপ হল পাঠ্য

উদাহরণ

আসুন ইনপুট চেকবক্স প্রকারের একটি উদাহরণ দেখি সম্পত্তি -

<!DOCTYPE html>
<html>
<head>
<title>Type Attribute of Checkbox</title>
</head>
<body>
<form id="Form">
<div>
Other: <input id="formCheckbox" type="checkbox" name="formCheckbox">
</div>
</form>
<button onclick="changeType()">Change type of input</button>
<div id="displayDiv"></div>
<script>
   var typeOfInput = document.getElementById("formCheckbox");
   var displayDiv = document.getElementById("displayDiv");
   displayDiv.textContent = 'Type of Input: ' + typeOfInput.type function changeType(){
      if(typeOfInput.type == 'checkbox'){
         typeOfInput.type = 'text' displayDiv.textContent = 'Type of Input: ' + typeOfInput.type
      }
   }
</script>
</body>
</html>

আউটপুট

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

তৈরি করবে

'চেঞ্জ টাইপ অফ ইনপুট' বোতামে ক্লিক করার আগে -

HTML DOM ইনপুট চেকবক্স প্রকার সম্পত্তি

'চেঞ্জ টাইপ অফ ইনপুট' বোতামে ক্লিক করার পর -

HTML DOM ইনপুট চেকবক্স প্রকার সম্পত্তি


  1. HTML DOM ইনপুট টাইপ টাইপ প্রপার্টি

  2. এইচটিএমএল ডম ইনপুট সপ্তাহের প্রকারের সম্পত্তি

  3. HTML DOM ইনপুট নম্বর টাইপ প্রপার্টি

  4. HTML DOM ইনপুট রিসেট টাইপ প্রপার্টি