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

HTML-এ কালার পিকার সহ ইনপুট টাইপ ফিল্ড কীভাবে ব্যবহার করবেন?


HTML-এ কালার পিকার ইনপুট টাইপের ব্যবহার

<input type="color"> রঙের সাথে ইনপুট ফিল্ডের জন্য ব্যবহৃত হয়। এটি আপনাকে কালার পিকার থেকে একটি রঙ নির্বাচন করতে দেবে।

ডিফল্ট রঙের বক্সে ক্লিক করলে একটি কালার পিকার দেখায়। এখানে আপনি value অ্যাট্রিবিউট দিয়ে ডিফল্ট রঙও সেট করতে পারেন।

উদাহরণ

নিচের কোডটি চালিয়ে ইনপুট টাইপ কালারের সাথে কালার পিকার দেখানোর পরীক্ষা করতে পারেন:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML input color</title>
  </head>
  <body>
    <form action="" method="get">
      আপনার ওয়েবসাইটের জন্য কোন রঙ চান তা নির্বাচন করুন:<br><br>
      <input type="color" name="favcolor" value="#FFFFFF"><br>
      <input type="submit" value="সাবমিট">
    </form>
  </body>
</html>

HTML-এ কালার পিকার সহ ইনপুট টাইপ ফিল্ড কীভাবে ব্যবহার করবেন?

ব্যাখ্যা:

  • value="#FFFFFF" — ডিফল্ট রঙ (সাদা)। হেক্সाडেসিমাল ফরম্যাটে (RRGGBB) দিতে হয়।
  • ব্রাউজার নিজস্ব কালার পিকার UI দেখায় (OS-নির্ভর)।
  • ফর্ম সাবমিশন সময় নির্বাচিত রঙের হেক্স মান পাঠায়।

ব্রাউজার সাপোর্ট: প্রায় সব আধুনিক ব্রাউজার সাপোর্ট করে (IE সাপোর্ট করে না)।

  1. HTML-এ ইমেইল ইনপুট টাইপ কীভাবে ব্যবহার করবেন?

  2. HTML-এ ডেটটাইম ইনপুট টাইপ কীভাবে ব্যবহার করবেন?

  3. HTML-এ formmethod অ্যাট্রিবিউট কীভাবে ব্যবহার করবেন?

  4. HTML-এ ইয়ার (year) ইনপুট টাইপ ব্যবহার