<input> এলিমেন্টের required অ্যাট্রিবিউটটি এমন একটি ফিল্ড সেট করতে ব্যবহৃত হয় যা ফর্ম জমা দেওয়ার আগে বাধ্যতামূলকভাবে পূরণ করতে হবে। যদি required অ্যাট্রিবিউট সেট করা ফিল্ডটি পূরণ না করা থাকে, তবে SUBMIT বাটনে ক্লিক করলে ফর্ম জমা হবে না।
সিনট্যাক্স:
<input required>
এখন <input> এলিমেন্টের required অ্যাট্রিবিউট বাস্তবায়নের উদাহরণ দেখি। এখানে, আমরা ৩টি ফিল্ড required হিসেবে সেট করেছি:
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>নিবন্ধন</h2> <form action="" method="get"> আইডি - <input type="text" name="id" placeholder="এখানে UserId লিখুন..." required><br> পাসওয়ার্ড - <input type="password" name="pwd" placeholder="এখানে পাসওয়ার্ড লিখুন..." required><br> জন্ম তারিখ - <input type="date" name="dob" placeholder="এখানে জন্ম তারিখ লিখুন..."><br> টেলিফোন - <input type="tel" name="tel" placeholder="এখানে মোবাইল নম্বর লিখুন..." required><br> ইমেইল - <input type="email" name="email" placeholder="এখানে ইমেইল লিখুন..."><br><br> <button type="submit" value="Submit">জমা দিন</button> </form> </body> </html>
আউটপুট
ধরা যাক আমরা ৩টি ফিল্ড আইডি, পাসওয়ার্ড এবং টেলিফোন পূরণ না করেই Submit বাটনে ক্লিক করি, তবে ফর্ম জমা হবে না। আমরা এখানে "টেলিফোন" ফিল্ড পূরণ করিনি, তাই একটি ত্রুটি দেখা যাবে যা ফর্ম জমা দিতে দেবে না:
