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

HTML-এ ইনপুট ফিল্ডে লিমিট কীভাবে দিবেন?


HTML ইনপুট ফিল্ডে মিন এবং ম্যাক্স লিমিট সেট করা

HTML <input> ট্যাগ ব্যবহার করে HTML-এ ব্যবহারকারীর ইনপুট নেওয়া হয়। ইনপুট ফিল্ডে লিমিট দিতে min এবং max অ্যাট্রিবিউট ব্যবহার করুন, যা ক্রমশই ইনপুট ফিল্ডের ন্যূনতম এবং অধিকতম মান নির্দেশ করে।

max এবং min অ্যাট্রিবিউটগুলো number, range, date, datetime, datetime-local, month, time এবং week ইনপুট টাইপের সাথে কাজ করে।

উদাহরণ

নিচের কোডটি চালিয়ে HTML-এ ইনপুট ফিল্ডে লিমিট দেওয়ার পরীক্ষা করতে পারেন:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML input number</title>
  </head>
  <body>
    <form action="" method="get">
      ১ থেকে ১০ পর্যন্ত যেকোনো সংখ্যা লিখুন:
      <input type="number" name="num" min="1" max="10"><br>
      <input type="submit" value="জমা দিন">
    </form>
  </body>
</html>

HTML-এ ইনপুট ফিল্ডে লিমিট কীভাবে দিবেন?

দ্রষ্টব্য: ব্রাউজার স্বয়ংক্রিয়ভাবে ভ্যালিডেশন করে এবং ইউজার লিমিটের বাইরে মান দিলে এরর দেখায়। তবে সার্ভার-সাইড ভ্যালিডেশনও অবশ্যক।

  1. ফর্ম ইনপুট টেক্সট ফিল্ডে ক্যারেক্টার সংখ্যা কীভাবে সীমাবদ্ধ করবেন?

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

  3. HTML-এ <input>-এ ক্যারেক্টার সংখ্যা অনুযায়ী প্রস্থ কীভাবে যোগ করবেন?

  4. HTML ইনপুট ফিল্ডের অটোকমপ্লিট কীভাবে নিষ্ক্রিয় করবেন?