HTML DOM ইনপুট কালার অবজেক্ট টাইপ কালার সহ একটি ইনপুট HTML উপাদান উপস্থাপন করে।
সিনট্যাক্স
নিচের সিনট্যাক্স −
- একটি তৈরি করা হচ্ছে টাইপ রঙ- সহ
var colorObject = document.createElement(“input”); colorObject.type = “color”;
গুণাবলী
এখানে, “colorObject ” এর নিম্নলিখিত বৈশিষ্ট্য থাকতে পারে -
| গুণাবলী | বিবরণ |
|---|---|
| স্বয়ংক্রিয়ভাবে সম্পূর্ণ | এটি একটি রঙ চয়নকারীর স্বয়ংসম্পূর্ণ বৈশিষ্ট্যের মান নির্ধারণ করে |
| অটোফোকাস | প্রাথমিক পৃষ্ঠা লোডের উপর কালার পিকার ফোকাস করা উচিত কিনা তা নির্ধারণ করে। |
| ডিফল্ট মান | এটি কালার পিকারের ডিফল্ট মান সেট/রিটার্ন করে |
| অক্ষম | রঙ পিকার নিষ্ক্রিয়/সক্রিয় করা থাকলে তা নির্ধারণ করে |
| ফর্ম | এটি এনক্লোজিং ফর্মের একটি রেফারেন্স প্রদান করে যাতে রঙ পিকার রয়েছে |
| নাম | এটি একটি রঙ চয়নকারীর নামের বৈশিষ্ট্যের মান নির্ধারণ করে |
| টাইপ | এটি রঙ পিকারের ফর্ম উপাদানের ধরন প্রদান করে |
| মান | এটি একটি রঙ চয়নকারীর মান বৈশিষ্ট্যের মান নির্ধারণ করে |
উদাহরণ
আসুন ইনপুট রঙের নাম এর একটি উদাহরণ দেখি সম্পত্তি -
<!DOCTYPE html>
<html>
<head>
<title>Input Color Name</title>
</head>
<body>
<form id="formForColorsInput">
Color Picker: <input type="color" id="Color" name="primaryColor">
</form>
<button onclick="changeNameValue()">Change name value</button>
<div id="divDisplay"></div>
<script>
var inputColor = document.getElementById("Color");
var divDisplay = document.getElementById("divDisplay");
divDisplay.textContent = 'Name of color input: '+inputColor.name;
function changeNameValue() {
if(inputColor.name == 'primaryColor'){
inputColor.name = 'secondaryColor';
divDisplay.textContent = 'Name of color input: '+inputColor.name;
}
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে'নামের মান পরিবর্তন করুন' ক্লিক করার আগে৷ বোতাম -
'নামের মান পরিবর্তন করুন' ক্লিক করার পরে৷ বোতাম -
