HTML में एलिमेंट में अधिकतम कैरेक्टर्स की संख्या कैसे जोड़ें?

maxlength एट्रिब्यूट का उपयोग <input> या <textarea> में उपयोगकर्ता द्वारा दर्ज किए जा सकने वाले अधिकतम कैरेक्टर्स की संख्या सीमित करने के लिए किया जाता है।

उदाहरण

<!DOCTYPE html> <html> 
  <body> 
    <form action=""> 
      रैंक: <input type="number" name="rank" min="1" max="10"><br> 
      क्रिकेटर: <input type="text" name="cricketer" maxlength="20"><br> 
      <input type="submit" value="सबमिट"> 
    </form> 
  </body> 
</html>

नोट: maxlength क्लाइंट-साइड वैलिडेशन है। सर्वर-साइड वैलिडेशन भी आवश्यक है। <textarea> पर भी काम करता है (HTML5 से)।