html tutorial - maxlength Attribute in HTML - html5 - html code - html form



Maxlength attribute in html

Learn html - html tutorial - Maxlength attribute in html - html examples - html programs

  • The maxlength attribute defines the maximum number of characters accepted by the input element.

Syntax for maxlength attribute:

<textarea maxlength=”number”>

Differences between HTML 4.01 and HTML5 for maxlength attribute:

HTML 4.01

  • In the <textarea> tag, the maxlength attribute has been defined.

HTML5

  • In the <textarea> tag, the maxlength attribute is added newly.

Applies to:

Elements Attribute
<input> maxlength
<textarea> maxlength

Attribute Values of maxlength attribute:

Value Description
number The maximum number of characters allowed in an HTML elements.

Sample coding for maxlength attribute:

Tryit<!DOCTYPE html>
<html>
    <head>
        <title>Wikitechy HTML maxlength Attribute</title>
    </head>
    <body>
        <h1>Wikitechy HTML maxlength Attribute</h1>
        Contact Number:<input type="text" maxlength="10">
    </body>
</html>

Code Explanation for maxlength attribute:

maxlength Attribute Code Explanation

  1. <input> tag defines an input field where the user can enter data.
  2. maxlength value is defined as 10 that is it allows only 10 characters only.

Sample Output:

maxlength Attribute Output

  1. Here the textbox will accept only 10 characters, beyond 10 characters will not been accept.

Browser Support for maxlength attribute:

Element
<input> 1.0 2.0 1.0 1.0 1.0
<textarea> Yes 10.0 4.0 Yes 15.0

Related Searches to maxlength Attribute in html