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

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

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

ক্যারেক্টার সংখ্যা সীমাবদ্ধ করতে maxlength অ্যাট্রিবিউট ব্যবহার করুন। max এবং min অ্যাট্রিবিউটগুলো number, range, date, datetime, datetime-local, month, time এবং week ইনপুট টাইপের সাথে ব্যবহৃত হয়।

উদাহরণ

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

<!DOCTYPE html>
<html>
  <head>
    <title>HTML maxlength attribute</title>
  </head>
  <body>
    <form action="/cgi-bin/hello_get.cgi" method="get">
      ছাত্রের নাম: <br>
      <input type="text" name="first_name" value="" maxlength="40" /> <br>
      ছাত্রের বিষয়: <br>
      <input type="text" name="last_name" value="" maxlength="30" /> <br>
      <input type="submit" value="সাবমিট" />
    </form>
  </body>
</html>

ব্যাখ্যা:

• maxlength="40" — ব্যবহারকারী ৪০ ক্যারেক্টারের বেশি লিখতে পারবে না
• ব্রাউজার স্বয়ংক্রিয়ভাবে টাইপিং বন্ধ করে দেয় লিমিট পৌঁছালে
• minlength অ্যাট্রিবিউটও আছে ন্যূনতম ক্যারেক্টার সেট করার জন্য