জাভাস্ক্রিপ্ট জেকুয়েরি এঙ্গুলার জেএস এইচটিএমএল সিএসএস বুটস্ট্রাপ পিএইচপি সি প্রোগ্রামিং
ফোরাম
×

জাভাস্ক্রিপ্ট রেফারেন্স

রেফারেন্স

জাভাস্ক্রিপ্ট

অপারেটর-Operator স্টেটমেন্ট-Statement অ্যারে-Array বুলিয়ান-Boolean স্ট্রিং-String সংখ্যা-Number রেগুলার এক্সপ্রেশন-RegExp গণিত-Math তারিখ-Date গ্লোবাল-Global কনভার্শন-Conversion

এইচটিএমএল ডোম-DOM

ডোম ডকুমেন্ট-DOMDocument ডোম এলিমেন্ট-DOMElement ডোম এট্রিবিউট-DOMAttribute ডোম স্টাইল-DOMStyle ডোম ইভেন্ট-DOMEvent

ব্রাউজার বোম-BOM

উইনডো-Window হিস্টোরি-History লোকেশন-Location ন্যভিগেটর-Navigator স্ক্রিনScreen

এইচটিএমএল অবজেক্ট

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>


 

এইচটিএমএল ডোম Input Color অবজেক্ট


Input Color অবজেক্ট

Input Color অবজেক্ট এইচটিএমএল(৫)এ নতুন

Input Color অবজেক্ট এইচটিএমএল <input> এলিমেন্টকে প্রতিনিধিত্ব করে যার টাইপ color

তথ্যঃ color টাইপসহ <input> এলিমেন্ট ইন্টারনেট এক্সপ্লোরার এবং সাফারিতে সাপোর্ট করে না।


Input Color অবজেক্ট তৈরি

আপনি document.createElement() মেথড ব্যবহার করে <input> এলিমেন্ট তৈরি করতে পারেন যার টাইপ Color

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
    var a = document.createElement("input");
    a.setAttribute("type", "color");
    document.body.appendChild(a);
}
</script>
</body>
</html>

ফলাফল




Input Color অবজেক্ট এক্সেস

আপনি getElementById() ব্যবহার করে <input> এলিমেন্টকে এক্সেস করতে পারেন যার টাইপ color

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
আপনার পছন্দের কালার সিলেক্ট করুনঃ <input type="color" id="test">
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<p id="test2"></p>
<script>
function myFunc() {
    var a = document.getElementById("test").value;
    document.getElementById("test2").innerHTML = a;
}
</script>
</body>
</html>

ফলাফল



পরামর্শঃ একটি ফর্মের এলিমেন্টের কালেকশনে সার্চ করে আপনি <input type="color"> কে এক্সেস করতে পারেনঃ


Input Color অবজেক্ট প্রোপার্টি

প্রোপার্টি বর্ণনা
autocomplete একটি কালার পিকারের autocomplete এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে
autofocus পেজ লোড হলে কালার পিকার সয়ংক্রিয়ভাবে ফোকাস হবে কিনা তা সেট বা রিটার্ন করে।
defaultValue একটি কালার পিকারের ডিফল্ট ভ্যালু সেট বা রিটার্ন করে।
disabled একটি কালার পিকার নিষ্ক্রিয় থাকবে কিনা তা সেট বা রিটার্ন করে।
form কালার পিকারসহ একটি ফর্মের রেফারেন্স রিটার্ন করে।
list কালার পিকারযুক্ত <datalist> এলিমেন্টের রেফারেন্স রিটার্ন করে।
name কালার পিকারের name এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।
type কালার পিকারের টাইপ কি তা রিটার্ন করে।
value কালার পিকারের value এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।

স্ট্যান্ডার্ড প্রোপার্টি এবং ইভেন্ট

প্রোপার্টি ইভেন্ট
সাপোর্ট করে। এখানে দেখুন সাপোর্ট করে। এখানে দেখুন