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

HTML-এ novalidate অ্যাট্রিবিউট কেন ব্যবহার করা হয়?


HTML-এ novalidate অ্যাট্রিবিউট ব্যবহারের কারণ

HTML-এ novalidate অ্যাট্রিবিউট ব্যবহার করা হয় ফর্মটি সাবমিট হলে ভ্যালিডেট হবে না তা নির্দেশ করতে। এটি একটি বুলিয়ান অ্যাট্রিবিউট এবং তখন উপযোগী যখন আপনি চান ব্যবহারকারী ফর্ম পূরণের অগ্রগতি সংরক্ষণ করতে পারে। যদি ফর্ম ভ্যালিডেশন ডিজেবল থাকে, ব্যবহারকারী সহজে ফর্ম সেভ করে পরে সাবমিট করতে পারে। продолжение-এ ব্যবহারকারীকে সব এন্ট্রি আগে ভ্যালিডেট করতে হয় না।

উদাহরণ

নিচের কোডটি চালিয়ে HTML-এ novalidate অ্যাট্রিবিউটের ব্যবহার শিখুন। নিচের উদাহরণে, আপনি যদি <input type="number"> ফিল্ডে টেক্সট যোগ করেন, তবে এটি এরর দেখাবে না।

<!DOCTYPE html>
<html>
  <head>
    <title>HTML novalidate attribute</title>
  </head>
  <body>
    <form action="" method="get" novalidate>
      ছাত্রের নাম<br><input type="text" name="sname"><br>
      মোট নম্বর<br><input type="number" name="mark"><br>
      <input type="submit" value="সাবমিট">
    </form>
  </body>
</html>

HTML-এ novalidate অ্যাট্রিবিউট কেন ব্যবহার করা হয়?

প্রায়োগিক ব্যবহার:

  • মাল্টি-স্টেপ ফর্ম: প্রতিটি ধাপে ভ্যালিডেশন না করে শেষে একসাথে ভ্যালিডেট
  • ড্রাফট সেভ: ব্যবহারকারী অসম্পূর্ণ ফর্ম সেভ করতে পারে
  • প্রগতিশীল エンহান্সমেন্ট: JavaScript ভ্যালিডেশন হিসেবে ফলব্যাক

সতর্কতা: সার্ভার-সাইড ভ্যালিডেশন অবশ্যক। ক্লায়েন্ট-সাইড ভ্যালিডেশন শুধু UX-এর জন্য, সিকিউরিটির জন্য নয়।

  1. HTML <form> autocomplete অ্যাট্রিবিউট

  2. HTML novalidate অ্যাট্রিবিউট

  3. HTML Form method অ্যাট্রিবিউট

  4. HTML Form action অ্যাট্রিবিউট