<इनपुट> तत्व की आवश्यक विशेषता का उपयोग एक फ़ील्ड सेट करने के लिए किया जाता है जिसे फॉर्म जमा करने से पहले भरना आवश्यक होता है। यदि आवश्यक विशेषता के साथ फ़ील्ड सेट नहीं भरा जाता है, तो सबमिट बटन पर क्लिक करने पर फॉर्म सबमिट नहीं होगा।
निम्नलिखित वाक्य रचना है -
<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 फ़ील्ड आईडी, पासवर्ड और टेलीफोन में से कोई भी भरे बिना सबमिट बटन पर क्लिक करेंगे, फिर फॉर्म सबमिट नहीं होगा। हमने यहां "टेलीफोन" फ़ील्ड नहीं भरा है, इसलिए एक त्रुटि दिखाई देगी जो हमें फ़ॉर्म जमा करने की अनुमति नहीं देगी -