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

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add wikitechy.com to your ad blocking whitelist or disable your adblocking software.

×