উপাদানটির প্রয়োজনীয় বৈশিষ্ট্যটি একটি ক্ষেত্র সেট করতে ব্যবহৃত হয় যা ফর্মটি জমা দেওয়ার আগে পূরণ করা প্রয়োজন। যদি প্রয়োজনীয় বৈশিষ্ট্য সহ ক্ষেত্রটি পূরণ করা না হয়, তাহলে জমা দিন বোতামে ক্লিক করলে, ফর্মটি জমা হবে না৷
নিম্নলিখিত সিনট্যাক্স −
<input required>
আসুন এখন উপাদানটির প্রয়োজনীয় বৈশিষ্ট্য বাস্তবায়নের একটি উদাহরণ দেখি। এখানে, আমরা প্রয়োজন অনুসারে 3টি ক্ষেত্র সেট করেছি -
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>Register</h2> <form action="" method="get"> Id − <input type="text" name="id" placeholder="Enter UserId here..." required><br> Password − <input type="password" name="pwd" placeholder="Enter password here..." required><br> DOB − <input type="date" name="dob" placeholder="Enter date of birth here..."><br> Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..." required><br> Email − <input type="email" name="email" placeholder="Enter email here..."><br><br> <button type="submit" value="Submit">Submit</button> </form> </body> </html>
আউটপুট
ধরা যাক আমরা 3টি ফিল্ড আইডি, পাসওয়ার্ড এবং টেলিফোনের কোনোটি পূরণ না করেই সাবমিট বোতামে ক্লিক করব, তাহলে ফর্মটি জমা হবে না। আমরা এখানে "টেলিফোন" ক্ষেত্রটি পূরণ করিনি, তাই একটি ত্রুটি দৃশ্যমান হবে যা আমাদের ফর্ম জমা দেওয়ার অনুমতি দেবে না -
