This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The size property of the HTMLInputElement interface defines the number of visible characters displayed. It reflects the <input> element's size attribute.
The size property is relevant to the text, search, tel, email, url, and password input type only. The value is a non-negative integer greater than zero. If omitted or invalid, the value is 20.
An integer.
const inputElement = document.getElementById("password");
console.log(inputElement.size);
inputElement.size = 12;
| Specification |
|---|
| HTML> # dom-input-size> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
size |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 | 1 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/size