HTML DOM Input Color অবজেক্ট

HTML DOM Input Color অবজেক্ট type color সহ একটি ইনপুট HTML এলিমেন্টকে রিপ্রেজেন্ট করে।

সিনট্যাক্স

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

• <input> তৈরি করা type color সহ

var colorObject = document.createElement("input"); colorObject.type = "color";

অ্যাট্রিবিউটগুলো

এখানে "colorObject" নিচের অ্যাট্রিবিউটগুলো থাকতে পারে:

উদাহরণ

Input Color name প্রোপার্টির উদাহরণ:

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

আউটপুট

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

'Change name value' বাটনে ক্লিক করার আগে:

'Change name value' বাটনে ক্লিক করার পর: