Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS3 का उपयोग करके इनपुट टेक्स्ट लंबाई को कैसे सीमित करें?


HTML के साथ, आप आसानी से इनपुट लंबाई सीमित कर सकते हैं। हालाँकि, CSS3 के साथ, यह संभव नहीं होगा, क्योंकि CSS का उपयोग इनपुट वर्णों की संख्या को सीमित करने के लिए नहीं किया जा सकता है। यह एक कार्यात्मक प्रतिबंध का कारण बनेगा।

CSS प्रेजेंटेशन से संबंधित है यानी आपका वेब पेज कैसा दिखेगा। यह HTML विशेषता की लंबाई के साथ किया जाता है, क्योंकि यह व्यवहार के लिए है।

आइए देखें कि इसे HTML में कैसे करें -

CSS3 का उपयोग करके इनपुट टेक्स्ट लंबाई को कैसे सीमित करें?

उदाहरण

आप इनपुट टेक्स्ट की लंबाई सीमित करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं

<!DOCTYPE html>
<html>
   <head>
      <title>HTML maxlength attribute</title>
   </head>
   <body>
      <form action="">
         Student Name<br><input type="text" name="name" maxlength="20"><br><br>
         <input type="submit" value="Submit">
      </form>
   </body>
</html>

  1. HTML का उपयोग करके राइट-टू-लेफ्ट टेक्स्ट कैसे प्रदर्शित करें?

    HTML में राइट-टू-लाइट (RTL) टेक्स्ट प्रदर्शित करने के लिए, CSS प्रॉपर्टी डायरेक्शन का उपयोग करें। शैली विशेषता के साथ इसका प्रयोग करें। शैली विशेषता किसी तत्व के लिए एक इनलाइन शैली निर्दिष्ट करती है। आप सीएसएस संपत्ति दिशा के साथ दिशा निर्धारित करने के लिए निम्नलिखित संपत्ति मूल्यों का उपयोग कर सकत

  1. HTML में इनपुट फील्ड को लिमिट कैसे दें?

    HTML टैग का प्रयोग HTML में उपयोगकर्ता इनपुट प्राप्त करने के लिए किया जाता है। इनपुट फ़ील्ड को सीमित करने के लिए, मिनट . का उपयोग करें और अधिकतम विशेषताएँ, जो क्रमशः इनपुट फ़ील्ड के लिए अधिकतम और न्यूनतम मान निर्दिष्ट करना है। अधिकतम और न्यूनतम विशेषताओं का उपयोग संख्या, श्रेणी, दिनांक, डेटाटाइम

  1. HTML में मल्टी-लाइन टेक्स्ट इनपुट (टेक्स्ट एरिया) कैसे बनाएं?

    मल्टी-लाइन टेक्स्ट इनपुट बनाने के लिए, HTML टैग का उपयोग करें। आप कॉलम और पंक्तियों की विशेषताओं का उपयोग करके टेक्स्ट क्षेत्र का आकार निर्धारित कर सकते हैं। इसका उपयोग एक फॉर्म के भीतर किया जाता है, ताकि उपयोगकर्ता कई पंक्तियों में टेक्स्ट इनपुट कर सकें। यहां टैग की विशेषताएं दी गई हैं - विशेषता