फॉर्म मान्यता
यह लेख फॉर्म मान्यता के बारे में समझाता है।
यह HTML में फॉर्म मान्यता के बारे में समझाता है।
YouTube Video
HTML फॉर्म मान्यता
HTML फॉर्म मान्यता का अवलोकन
- HTML फॉर्म मान्यता एक तंत्र है जो सुनिश्चित करता है कि उपयोगकर्ता डेटा सबमिट करने से पहले वह कुछ शर्तों पर खरा उतरे। यह सर्वर-साइड त्रुटियों को कम करता है और उपयोगकर्ता अनुभव को बेहतर बनाता है।
required गुण
1<form>
2 <label for="email">Email:</label>
3 <input type="email" id="email" required placeholder="Enter your email">
4 <button type="submit">Submit</button>
5</form>requiredगुण इंगित करता है कि फॉर्म सबमिट करने से पहले इनपुट फील्ड्स को जरूर भरा जाना चाहिए।
pattern गुण
1<form>
2 <label for="username">Username (letters and numbers only):</label>
3 <input type="text" id="username" name="username" pattern="[A-Za-z0-9]+" required>
4 <button type="submit">Submit</button>
5</form>patternगुण का उपयोग यह जांचने के लिए किया जाता है कि इनपुट किसी निश्चित regex पैटर्न से मेल खाता है या नहीं। उदाहरण के लिए, यह जांचता है कि उपयोगकर्ता नाम में केवल अल्फान्यूमेरिक वर्ण हैं या नहीं।
min और max गुण
1<form>
2 <label for="age">Age:</label>
3 <input type="number" id="age" name="age" min="18" max="99" placeholder="Enter your age">
4 <button type="submit">Submit</button>
5</form><min>और<max>गुण का उपयोग किसी इनपुट तत्व के लिए न्यूनतम और अधिकतम मान निर्दिष्ट करने के लिए किया जाता है। इनका सामान्य तौर परnumber,rangeऔरdateजैसे इनपुट प्रकारों के साथ उपयोग किया जाता है।- इस उदाहरण में, आप 18 से 99 के बीच एक संख्या दर्ज कर सकते हैं।
minlength और maxlength गुण
1<form>
2 <label for="username">Username:</label>
3 <input type="text" id="username" name="username" minlength="4" maxlength="12" placeholder="4-12 characters">
4 <button type="submit">Submit</button>
5</form>minlengthगुण यह निर्दिष्ट करता है कि किसी इनपुट फील्ड के लिए न्यूनतम कितने वर्ण आवश्यक हैं, जबकिmaxlengthगुण अधिकतम वर्णों की अनुमति निर्धारित करता है।- इस उदाहरण में, आप 4 से 12 अक्षरों के बीच टेक्स्ट दर्ज कर सकते हैं।
type="email" विशेषता
1<form>
2 <label for="email">Email:</label>
3 <input type="email" id="email" placeholder="Enter your email">
4 <button type="submit">Submit</button>
5</form>type="email"विशेषता यह सुनिश्चित करने के लिए उपयोग की जाती है कि इनपुट मान्य ईमेल पते के प्रारूप में हो। यह विशेषता ईमेल पते के इनपुट फ़ील्ड के लिए अंतर्निहित सत्यापन कार्यक्षमता प्रदान करती है।
type="url" विशेषता
1<form>
2 <label for="website">Website:</label>
3 <input type="url" id="website" name="website" placeholder="https://example.com" required>
4 <button type="submit">Submit</button>
5</form><input type="url">एक इनपुट फ़ील्ड प्रदान करता है जो सही URL प्रारूप की आवश्यकता करता है। ब्राउज़र स्वचालित रूप से जांचता है कि इनपुट एक मान्य URL है या नहीं।
आप हमारे YouTube चैनल पर Visual Studio Code का उपयोग करके ऊपर दिए गए लेख के साथ आगे बढ़ सकते हैं। कृपया YouTube चैनल को भी देखें।