उन्नत एचटीएमएल फॉर्म का सबसे अच्छा उपयोग कैसे करें?



यह लेख आपको कुछ उन्नत एचटीएमएल फॉर्म विशेषताओं से परिचित कराएगा और प्रक्रिया में एक व्यावहारिक प्रदर्शन भी देगा।

स्पष्ट रूप से पहली बात है जो www को सुनने के बाद दिमाग में आती है। मूल रूप से, यह आपके द्वारा देखी जाने वाली प्रत्येक वेबसाइट के पीछे की चीज है। इस लेख में हम कुछ उन्नत एचटीएमएल फॉर्म विशेषताओं का पता लगाएंगे।

इस लेख में निम्नलिखित बिंदुओं को शामिल किया जाएगा,





तो चलिए इस लेख से शुरुआत करते हैं,

उन्नत HTML प्रपत्र विशेषताएँ

HTML केवल कुछ सबसे अधिक पसंद किए जाने वाले डिज़ाइनों के साथ न्याय नहीं कर सकती है जो आज हम देखते हैं। इसके लिए सहायता की आवश्यकता होती है और इसके द्वारा प्रदान किया जाता है सीएसएस या व्यापक स्टाइल शीट । HTML और CSS का उपयोग कुछ आकर्षक वेब पेज बनाने के लिए किया जा सकता है।



उन्नत HTML फ़ॉर्म विशेषता पर इस लेख के साथ आगे बढ़ना

HTML में टैग और विशेषताएँ

ये दोनों HTML की मूल बातें हैं और ये दोनों एक साथ काम करते हैं लेकिन अलग-अलग कार्य करते हैं।

टैग: HTML तत्व की शुरुआत को चिह्नित करने के लिए टैग का उपयोग किया जाता है और कोणीय कोष्ठक द्वारा संलग्न किया जाता है।



उदाहरण:

कैसे एक Salesforce अनुप्रयोग बनाने के लिए

उपरोक्त टैग HTML में शीर्षक टैग है।

विशेषताएँ: ये टैग के बारे में अतिरिक्त जानकारी हैं और टैग के भीतर निर्दिष्ट हैं।



उदाहरण:

 ”My

उपरोक्त टैग छवि टैग है और Alt टैग के लिए विशेषता है और छवि के लिए विवरण प्रदान करता है hello_world.jpg

जैसा कि हमने उन बुनियादी बातों पर चर्चा की है जिनकी हमें ज़रूरत थी, इसलिए अब हम इस लेख के मकसद से आगे बढ़ सकते हैं जो कि कुछ उन्नत HTML और CSS टैग हैं।

उन्नत HTML फ़ॉर्म विशेषता पर इस लेख के साथ आगे बढ़ना

मैक्स, मैक्सलेंथ और मिन एट्रिब्यूट्स

ये विशेष रूप से इनपुट टैग के गुण हैं अर्थात्। इनपुट टैग मूल रूप से उपयोगकर्ता के विभिन्न प्रकार के इनपुट जैसे कि टेक्स्ट, नंबर, रेडियो बटन, दिनांक, चेकबॉक्स, समय, पासवर्ड आदि को स्वीकार करने के लिए टैग के अंदर उपयोग किया जाता है।

मैक्स

यह विशेषता किसी भी निर्दिष्ट इनपुट के लिए अधिकतम मूल्य निर्दिष्ट करती है। यदि उपयोगकर्ता अधिकतम मूल्य से अधिक दर्ज करने का प्रयास करता है, तो वह बाद में वर्ण या मान स्वीकार नहीं करेगा।

ध्यान दें:

अधिकतम विशेषता HTML 5 के साथ पेश की गई थी।

उदाहरण:

विद्यार्थियों की संख्या:

GitHub Gist लिंक:

छात्रों का मान 50 से अधिक नहीं बढ़ाया जा सकता है।

आउटपुट - उन्नत HTML फॉर्म विशेषताएँ - एडुरका

ध्यान दें: टैग की विशेषता कार्रवाई निर्दिष्ट करती है कि दर्ज डेटा को आगे की प्रक्रिया के लिए कहां भेजा जाएगा। इस मामले में यह submit_detail.php है जो एक PHP फ़ाइल है।

छात्रों की संख्या वह विवरण है जो टेक्स्टबॉक्स में दर्ज किया जाना है।

पहले टैग में अधिकतम विशेषता टेक्स्ट बॉक्स में दर्ज किए जाने वाले अधिकतम संख्यात्मक मान को बताती है, जो मान 50 से अधिक है, यह स्वीकार नहीं किया जाएगा जो अधिकतम विशेषता का मुख्य उद्देश्य है।

अधिकतम टैग को अधिकतम तारीख को परिभाषित करने के लिए भी उपयोग किया जा सकता है जो उपयोगकर्ता द्वारा इनपुट क्षेत्र में दर्ज किया जा सकता है।

उदाहरण:

आप YYYY-MM-DD प्रारूप में जन्म तिथि दर्ज करें: 
अधिकतम DOB: 2000-03-31

GitHub Gist लिंक:

हमने 31 का उपयोग किया हैसेंटअधिकतम तिथि और विकल्प के रूप में 2000 के मार्च का कैलेंडर केवल उस तिथि तक प्रतिबंधित है।

इस इनपुट फ़ील्ड में उपयोगकर्ता अधिकतम विशेषता में निर्दिष्ट तिथि के बाद की तारीख दर्ज नहीं कर पाएगा।

उन्नत HTML फ़ॉर्म विशेषता पर इस लेख के साथ आगे बढ़ना

अधिकतम लंबाई

जैसा कि नाम से पता चलता है, यह विशेषता उन वर्णों की अधिकतम लंबाई को निर्दिष्ट करती है जो उपयोगकर्ता द्वारा इनपुट फ़ील्ड में दर्ज किए जा सकते हैं। विशेषता मान संख्याएं हैं।

उदाहरण:

अपने उपयोगकर्ता नाम दर्ज करें:

GitHub Gist लिंक:

इनपुट फ़ील्ड की सीमा 15 वर्ण है, इसलिए इनपुट केवल 15 वर्णों तक सीमित है।

टैग में यह अधिकतम गति विशेषता उपयोगकर्ता को एक इनपुट देने के लिए प्रतिबंधित करेगी जो कड़ाई से निर्दिष्ट मूल्य से अधिक नहीं है जो कि 15 है।

ध्यान दें अधिकतम गति का डिफ़ॉल्ट मान 524288 है।

उन्नत HTML फ़ॉर्म विशेषता पर इस लेख के साथ आगे बढ़ना

मिन

न्यूनतम विशेषता इनपुट फ़ील्ड में दर्ज किए जाने वाले मूल्य के न्यूनतम मूल्य को निर्दिष्ट करती है।

उदाहरण:

आयु दर्ज करें:

GitHub Gist लिंक:

इनपुट टैग में न्यूनतम विशेषता यह परिभाषित करती है कि इनपुट की आयु 18 से कम नहीं होनी चाहिए।

टिप: आप इनपुट को एक कानूनी सीमा या स्वीकार्य सीमा प्रदान करने के लिए इनपुट के साथ न्यूनतम और अधिकतम विशेषता दोनों का उपयोग कर सकते हैं।

उदाहरण:

आयु दर्ज करें:

GitHub Gist लिंक:

इसके साथ हम एडवांस्ड HTML फॉर्म एट्रीब्यूट्स पर इस लेख के अंत में आते हैं।

अब क्षेत्र में इनपुट की सीमा 18 से कम नहीं हो सकती है और साथ ही साथ 50 से अधिक भी हो सकती है।अधिकतम और न्यूनतम विशेषताओं का उपयोग कई इनपुट प्रकारों जैसे कि संख्या, श्रेणी, तिथि, तिथि, डेटाटाइम, महीने, समय और सप्ताह के साथ किया जा सकता है।

अब जब आप जानते हैं कि HTML क्या है, तो देखें Edureka द्वारा। वेब डेवलपमेंट सर्टिफिकेशन ट्रेनिंग आपको HTML5, CSS3, Twitter बूटस्ट्रैप 3, jQuery और Google API का उपयोग करके प्रभावशाली वेबसाइट बनाने और इसे अमेज़ॅन सिंपल स्टोरेज सर्विस (S3) में तैनात करने में मदद करेगी।

क्या आप हमसे कोई प्रश्न पूछना चाहते हैं? कृपया लेख के टिप्पणी अनुभाग में इसका उल्लेख करें और हम आपके पास वापस आ जाएंगे।