How Many Characters Are Possible in an Input Field in HTML

how many characters are possible in an input field in html?

Firefox 3.6.6 on my 32 bit Win 7 machine becomes slow after 1,000,000 characters and totally freezes after 4,000,000.

Chrome crashes somewhere after 8,000,000.

IE8 crashes somewhere after 8,000,000.

Safari crashes somewhere after 2,000,000.

In my testing Chrome/IE8/Safari don't slow down as the size goes up the way Firefox does.

Limit number of characters allowed in form input text field

maxlength:

The maximum number of characters that will be accepted as input. This can be greater that specified by SIZE , in which case the field
will scroll appropriately. The default is unlimited.

<input type="text" maxlength="2" id="sessionNo" name="sessionNum" onkeypress="return isNumberKey(event)" />

However, this may or may not be affected by your handler. You may need to use or add another handler function to test for length, as well.

Set the exact number of elements required for an Input field with type number

If anyone is looking they can also check this answer:

<input type="text" pattern=".{13,13}" oninput="this.value=this.value.replace(/[^0-9]/g,''); title="13 characters length required" ">

With this input field although its text we can make sure that it accepts only the numbers.

HTML text input will not accept more than 50 characters, even with maxlength 50

Not enough information here to answer your question.

You may have JavaScript running which is either changing maxlength or enforcing its own control on the input fields and hooking onchange-type events.

Limit the number of characters in a separate input field for each character

Using some JS you can blur the input.

Obs.: I did some adjusts in css..

$(document).ready(function(){ $("#text").on('keypress', function(e){   if($(this).val().length > 4) {     var value = $(this).val() + String.fromCharCode(e.keyCode);      $(this).val(value);     $(this).blur();    }  });});

#text{    background-image:    url("http://3.bp.blogspot.com/-4oAWWCcNNz4/Tjr3nKNyVUI/AAAAAAAAPLU/Pouua-pNsEY/s1600/sq.gif");        width: 114px;    height: 18px;    background-size: 20px;    border: none;    font-family: monospace;    font-size: 13px;    padding-left: 6.5px;    letter-spacing: 13px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><input type="text" maxlength="6" id="text"/>

How to restrict number of characters that can be entered in HTML5 number input field on iPhone

Example

JS

function limit(element)
{
    var max_chars = 2;
         
    if(element.value.length > max_chars) {
        element.value = element.value.substr(0, max_chars);
    }
}

HTML

<input type="number" onkeydown="limit(this);" onkeyup="limit(this);">

If you are using jQuery you can tidy up the JavaScript a little:

JS

var max_chars = 2;
    
$('#input').keydown( function(e){
    if ($(this).val().length >= max_chars) { 
        $(this).val($(this).val().substr(0, max_chars));
    }
});
    
$('#input').keyup( function(e){
    if ($(this).val().length >= max_chars) { 
        $(this).val($(this).val().substr(0, max_chars));
    }
});

HTML

<input type="number" id="input">

Why is the default max length for an input 524288?

According to the w3c the maximum value is unlimited:

maxlength = number [CN]

When the type attribute has the value "text" or "password", this attribute specifies the maximum number of characters the user may enter. This number may exceed the specified size, in which case the user agent should offer a scrolling mechanism. The default value for this attribute is an unlimited number.

Despite that, I have noticed that in Chrome indeed defaults the maxlength to 524288, which seems a 'bug 'to me, or at least a deliberate choice to cap the input to 512KB (thanks to Benjamin Udink ten Cate for pointing that out).

---

Related Topics