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

HTML DOM Input Checkbox type প্রোপার্টি


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

সিনট্যাক্স

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

  • স্ট্রিং ভ্যালু রিটার্ন করা
inputCheckboxObject.type
  • type কে স্ট্রিং ভ্যালুতে সেট করা
inputCheckboxObject.type = stringValue

স্ট্রিং ভ্যালুগুলো

এখানে "stringValue" নিচের موارد হতে পারে:

stringValueবিবরণ
checkboxইনপুট টাইপ চেকবক্স হিসেবে ডিফাইন করে
radioইনপুট টাইপ রেডিও হিসেবে ডিফাইন করে
textইনপুট টাইপ টেক্সট হিসেবে ডিফাইন করে

উদাহরণ

Input Checkbox type প্রোপার্টির উদাহরণ:

<!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>

আউটপুট

এটি নিচের আউটপুট প্রডিউস করবে:

'Change type of input' বাটনে ক্লিক করার আগে:

HTML DOM Input Checkbox type প্রোপার্টি

'Change type of input' বাটনে ক্লিক করার পর:

HTML DOM Input Checkbox type প্রোপার্টি

  1. HTML DOM Input Time type প্রপার্টি

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

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

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