Bootstrap 5 ফর্ম ভ্রূণবর্ণনা

ফর্ম পরীক্ষা

আপনি বিভিন্ন পরীক্ষামূলক শ্রেণী ব্যবহার করে ব্যবহারকারীকে মূল্যবান প্রতিক্রিয়া প্রদান করতে পারেন। কম টাইপটির পাশাপাশি, .was-validated বা .needs-validation নিচের <form> ইলেকট্রনিক প্রান্তটি যোগ করুন, যা স্পষ্টভাবে বলতে হবে যে আপনি ফর্ম সম্পাদন করার আগে কিংবা পরে পরীক্ষামূলক প্রতিক্রিয়া প্রদান করতে চান। .valid-feedback বা .invalid-feedback বার্তা, যাতে ব্যবহারকারীকে স্পষ্টভাবে জানানো যায় যে কী অপসারণ করা হয়েছে বা ফর্ম সম্পাদন করার আগে কী করা হবে।

উদাহরণ

এই উদাহরণে, আমরা ফর্ম সম্পাদন করার আগে .was-validated এটা কী অপসারিত হয়েছে তা নির্দেশ করুন：

<form action="/action_page.php" class="was-validated">
  <div class="mb-3 mt-3">
    <label for="uname" class="form-label">ব্যবহারকারী নাম：</label>
    <input type="text" class="form-control" id="uname" placeholder="ব্যবহারকারী নাম প্রবেশ করুন" name="uname" required>
    <div class="valid-feedback">বৈধ。</div>
    <div class="invalid-feedback">এই ফিল্ডটি পূরণ করুন。</div>
  </div>
  <div class="mb-3">
    <label for="pwd" class="form-label">পাসওয়ার্ড：</label>
    <input type="password" class="form-control" id="pwd" placeholder="পাসওয়ার্ড প্রবেশ করুন" name="pswd" required>
    <div class="valid-feedback">বৈধ。</div>
    <div class="invalid-feedback">এই ফিল্ডটি পূরণ করুন。</div>
  </div>
  <div class="form-check mb-3">
    <input class="form-check-input" type="checkbox" id="myCheck" name="remember" required>
    <label class="form-check-label" for="myCheck">আমি এই শর্তগুলোকে সম্মত করি。</label>
    <div class="valid-feedback">বৈধ。</div>
    <div class="invalid-feedback">এই চেকবক্সটি বাছাই করে চলুন。</div>
  </div>
  <button type="submit" class="btn btn-primary">জমা</button>
</form>

আপনার নিজেই প্রয়াস করুন