HTML DOM ইনপুট কালার টাইপ প্রপার্টি

HTML DOM ইনপুট কালার টাইপ প্রপার্টি রিটার্ন করে/সেট টাইপ ইনপুট কালার।

সিনট্যাক্স

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

রিটার্নিং স্ট্রিং মান

inputColorObject.type

সেটিং টাইপ স্ট্রিং মান

inputColorObject.type = stringValue

স্ট্রিং মান

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

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

উদাহরণ

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

<!DOCTYPE html>
<html>
<head>
<title>Input Color Type</title>
</head>
<body>
<form id="formForColorsInput">
Color Picker: <input type="color" id="Color" name="primaryColor" value="#0000ff">
</form>
<button onclick="changeNameValue()">Get type & change to text</button>
<div id="divDisplay"></div>
<script>
   var inputColor = document.getElementById("Color");
   var divDisplay = document.getElementById("divDisplay");
   divDisplay.textContent = 'Type of Input: '+inputColor.type;
   function changeNameValue() {
      if(inputColor.type == 'color'){
         var defaultColor = inputColor.defaultValue;
         inputColor.type = 'text';
         inputColor.value = defaultColor;
         divDisplay.textContent = 'Name of color input: '+inputColor.type;
      }
   }
</script>
</body>
</html>

আউটপুট

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

তৈরি করবে

'Get type &change to text' ক্লিক করার আগে৷ বোতাম -

HTML DOM ইনপুট কালার টাইপ প্রপার্টি

'Get type &change to text' ক্লিক করার পর বোতাম -

HTML DOM ইনপুট কালার টাইপ প্রপার্টি