How to limit the length of HTML except maxlength

Methods to limit the length: 1. You can use the size attribute, the syntax format is "<input size="value">"; 2. You can use the "width" attribute, the syntax format is "<input width="pixels|%">".

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

size attribute

Specifies the width of the input field.

For and , the size attribute defines the number of visible characters. For other types, the size attribute defines the width of the input field in pixels.

Since the size attribute is a visual design attribute, we recommend that you use CSS instead.

Syntax:

<input size="value">

width attribute

is only applicable to , which specifies the width of the image input.

Tip: It is a good practice to specify height and width for images. If these properties are set, the required space will be reserved for the image when the page loads. Without these attributes, the browser cannot understand the size of the image and cannot reserve appropriate space for it. What happens is that when the page and images load, the page layout changes.

Grammar:

<input width="pixels|%">

size and width limit the display length of the input box, but do not limit the input length. You can always enter characters. When the length (number) of the input characters exceeds the allowed display When the length is , the excess part will be covered by the input box instead of truncated. You can press the left and right keys (← →) to scroll through the covered part of the string.

Extended information:

The maxlength attribute specifies the maximum length of the input field, in terms of the number of characters.

The maxlength attribute is used with or .

<input maxlength="value">

Recommended learning: html video tutorial

The above is the detailed content of How to limit the length of HTML except maxlength. For more information, please follow other related articles on the PHP Chinese website!