HTML | <input> name Attribute

HTML input maxlength Attribute

Last Updated : 26 Sep, 2024

The maxlength attribute in the HTML <input> element is used to define the maximum number of characters that can be entered into the field. If no value is specified, or if an invalid value is provided, the input field will have no maximum length.

The length is determined in UTF-16 code units, which typically correspond to the number of characters.

Syntax

<input maxlength="number">

Attribute Value

Attribute Value	Description
number	It contains a single value number which allows the maximum number of characters in <input> element. Its default value is 524288.

Examples of Using the maxlength Attribute

Example 1: Limiting Username and Password Length

In this example, the maxlength attribute is used within <input> elements to restrict the length of text inputs for username and password fields.

html

<!DOCTYPE html>
<html>
  <head>
    <title>HTML input maxlength Attribute</title>
  </head>

  <body>
    <h1>GeeksforGeeks</h1>
    <h2>HTML <input> maxlength Attribute</h2>
    <form action="#">
      Username:
      <input type="text" 
             name="username" 
             maxlength="12" />
      <br />
      <br />
      Password:
      <input type="text" 
             name="password" 
             maxlength="10" />
      <br />
      <br />
      <input type="submit" 
             value="Submit" />
    </form>
  </body>
</html>

Output:

grt

Example 2: Limiting Email Address Length

Here, the maxlength attribute limits the length of an email input field to 30 characters.

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>HTML input maxlength Attribute</title>
  </head>

  <body>
    <h1>GeeksforGeeks</h1>
    <h2>HTML <input> maxlength Attribute</h2>
    <form action="#">
      Email:
      <input type="email" 
             name="email" 
             maxlength="30" 
             style="width: 350px" />
      <br /><br />
      <input type="submit"
             value="Submit" />
    </form>
  </body>
</html>

Output:

ftg

Supported Browsers

HTML | <input> name Attribute

jit_t

Improve

Article Tags :

Similar Reads

HTML <input> align Attribute

TheÂ HTML <input> align attributeÂ is used withÂ <input type=â€ imageâ€>Â to set the horizontal alignment of the image. It is not supported by HTML 5. Note:Â SinceÂ <input type=â€ imageâ€>Â is not supported by HTML5 you can use CSS there instead of this attribute. The syntax for CSSÂ <input

HTML input maxlength Attribute

The maxlength attribute in the HTML <input> element is used to define the maximum number of characters that can be entered into the field. If no value is specified, or if an invalid value is provided, the input field will have no maximum length. The length is determined in UTF-16 code units, w

HTML | <input> name Attribute

The HTML <input> name Attribute is used to specify a name for an <input> element. It is used to reference the form-data after submitting the form or to reference the element in a JavaScript. Syntax: <input name="name"> Attribute Values: It contains a single value name which describ

HTML | <input> list Attribute

The HTML <input> list Attribute is used to identify a list of pre-defined options for an element to suggest the user. Syntax: <input list="datalist_id"> Attribute Values: datalist_id: It is used to specify the Id of the datalist that will used to make a link up with the input element. Ex

HTML | <input> required Attribute

The HTML required Attribute is a Boolean attribute which is used to specify that the input element must be filled out before submitting the Form. This attribute works with other types of input like radio, checkbox, number, text, etc.Syntax: <input required> Example-1: This Example that illustr

HTML <input> disabled Attribute

The disabled attribute for <input> element in HTML is used to specify that the input field is disabled. A disabled input is un-clickable and unusable. It is a boolean attribute. The disabled <input> elements are not submitted in the form. Syntax: <input disabled> Example: html <

HTML <input> type Attribute

The HTML <input> type Attribute is used to specify the type of <input> element to display. The default type of <input> type attribute is text. Syntax: <input type="value">Attribute Values: Name Description button Defines clickable button in HTML document, commonly activated w

HTML input autofocus Attribute

The autofocus attribute in HTML is used to specify that a particular form element (like an input field, textarea, or select dropdown) should automatically receive focus when the page is loaded, allowing the user to start interacting with it immediately without needing to click on it.Syntax<input

HTML | input readonly Attribute

The readonly attribute of <input> element in HTML is used to specify that the input field is read-only. If an input is readonly, then it's content cannot be changed but can be copied and highlighted. It is a boolean attribute. Syntax: <input readonly> Example: This example uses HTML <

HTML < input> accept Attribute

The HTML <input> accept attribute is used to control the type of files that can be selected for input, restricting the file selection to specific formats such as image/* for images or .pdf for PDF files. Syntax: <input accept = "file_extension | audio/* | video/* | image/* | media_type">