Heim > Artikel > Web-Frontend > Wie kann die Anzahl der in einem Formulareingabetextfeld zulässigen Zeichen begrenzt werden?
Wie kann die Anzahl der in einem Formulareingabetextfeld zulässigen Zeichen begrenzt werden?
- 王林nach vorne
- 2023-09-08 14:49:021372Durchsuche
In diesem Artikel erfahren Sie, wie Sie die Anzahl der zulässigen Zeichen in einem Formulareingabetextfeld begrenzen.
Wir verwenden das -Tag, um Benutzereingaben in HTML zu erhalten. Um einem Eingabefeld eine Grenze (oder einen Bereich) zu geben, verwenden wir die Attribute min und max, die den Maximal- bzw. Minimalwert des Eingabefelds angeben.
Um die maximale Zeichenbeschränkung in einem Eingabefeld festzulegen, verwenden wir das Attribut maxlength. Dieses Attribut wird verwendet, um die maximale Anzahl von Zeichen für das Eingabefeld anzugeben.
Um die Mindestzeichenbeschränkung in einem Eingabefeld festzulegen, verwenden wir das Attribut minlength. Dieses Attribut wird verwendet, um die Mindestanzahl von Zeichen anzugeben, die in das Feld eingegeben werden müssen.
Schauen wir uns zunächst an, wie man die maximale Zeichenbeschränkung für ein Eingabefeld festlegt -
Grammatik
Im Folgenden finden Sie die Syntax zum Festlegen der maximalen Zeichenbeschränkung eines Eingabefelds.
<input maxlength="enter_number">
Beispiel
Das Folgende ist ein Beispielprogramm zum Festlegen der maximalen Zeichenbeschränkung eines Eingabefelds -
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<form action = "#">
Email Id:
<br>
<input type = "text" name = "email_id" maxlength = "30" />
<br>
Password: <br>
<input type = "password" name = "password" maxlength = "10" />
<br>
<input type = "submit" value ="Submit" />
</form>
</body>
</html>
Mindestzeichenlimit festlegen
Sehen wir uns nun an, wie man die Mindestzeichenbeschränkung für ein Eingabefeld festlegt
Grammatik
Das Folgende ist die Syntax zum Festlegen der Mindestzeichenbeschränkung eines Eingabefelds in JavaScript -
<input minlength="enter_number">
Beispiel
Das Folgende ist ein Beispielprogramm zum Festlegen der Mindestzeichenbeschränkung eines Eingabefelds in JavaScript -
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<form action="#">
Username:
<input type="text" name="username"
minlength="10"><br><br>
Password:
<input type="password" name="password"
minlength="8"><br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Verwenden Sie maximale und minimale Zeichen in Eingabefeldern
Jetzt sehen wir uns an, wie man in Eingabefeldern die minimale Zeichenanzahl und die maximale Zeichenanzahl verwendet -
Beispiel
Das Folgende ist ein Beispielprogramm zum Festlegen der minimalen und maximalen Zeichenbegrenzungen eines Eingabefelds in JavaScript -
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<form action="#">
Username:
<input type="text" name="username"
minlength="10" maxlength="20"><br><br>
Password:
<input type="password" name="password"
minlength="8" maxlength="10"><br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
Das obige ist der detaillierte Inhalt vonWie kann die Anzahl der in einem Formulareingabetextfeld zulässigen Zeichen begrenzt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!