HTML maxlength एट्रिब्यूट

विवरण

HTML maxlength एट्रिब्यूट HTML दस्तावेज़ में इनपुट HTML तत्व में अनुमत अधिकतम वर्णों की संख्या को परिभाषित करता है।

सिंटैक्स

<input maxlength="text">

उदाहरण

आइए HTML maxlength एट्रिब्यूट का एक उदाहरण देखें:

<!DOCTYPE html> <html> <style> 
  body { 
    color: #000; 
    height: 100vh; 
    background-color: #8BC6EC; 
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%); 
    text-align: center; 
  } 
  input { 
    width: 300px; 
    background: transparent; 
    border: 2px solid #fff; 
    outline: none; 
    display: block; 
    margin: 1rem auto; 
    border-radius: 20px; 
    padding: 8px 10px; 
  } 
  ::placeholder { 
    color: #000; 
  } 
  .btn { 
    background: #db133a; 
    color: #fff; 
    border: none; 
    width: 320px; 
  } 
</style> <body> 
<h1>HTML maxlength एट्रिब्यूट डेमो</h1> 
<form action=""> 
  <input type="text" placeholder='अना पहला नाम दर्ज करें (केवल 8 वर्ण)' maxlength="8"> 
  <input type="submit" value="SUBMIT" class="btn"> 
</form> 
</body> </html>

आउटपुट

अब इनपुट फील्ड में 8 से अधिक वर्ण दर्ज करने का प्रयास करें और देखें कि maxlength एट्रिब्यूट कैसे काम करता है: