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

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


HTML-এ টাইম ইনপুট টাইপের ব্যবহার

HTML-এ টাইম ইনপুট টাইপ ব্যবহার করা হয় <input type="time"> দিয়ে। এর মাধ্যমে ব্যবহারকারীদের সময় নির্বাচন করতে দেওয়া হয়। ইনপুট ফিল্ডে ক্লিক করলে একটি টাইম পিকার পপআপ দেখায়।

দ্রষ্টব্য: ইনপুট টাইপ time ফায়ারফক্স এবং ইন্টারনেট এক্সপ্লোরারে সাপোর্টেড নয়। এটি গুগল ক্রোমে কাজ করে।

উদাহরণ

নিচের কোডটি চালিয়ে HTML-এ টাইম ইনপুট টাইপের ব্যবহার শিখুন:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML input time</title>
  </head>
  <body>
    <form action="" method="get">
      বিবরণ:<br><br>
      ছাত্রের নাম<br><input type="text" name="sname"><br>
      পরীক্ষার সময়<br><input type="time" name="etime"><br>
      <input type="submit" value="সাবমিট">
    </form>
  </body>
</html>

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

ফরম্যাট: মানটি ২৪-ঘন্টা ফরম্যাটে রয়েছে (HH:MM)। কিছু ব্রাউজার সেকেন্ডও দেখাতে পারে (HH:MM:SS)।

অতিরিক্ত অ্যাট্রিবিউট: min, max, step (সেকেন্ডে), readonly, disabled।

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

  2. HTML-এ প্লেসহোল্ডার অ্যাট্রিবিউটের ব্যবহার

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

  4. HTML DOM Input Time type প্রপার্টি