Wie kann die Anzahl der in einem Formulareingabetextfeld zulässigen Zeichen begrenzt werden?-HTML-Tutorial-php.cn

Wie kann die Anzahl der in einem Formulareingabetextfeld zulässigen Zeichen begrenzt werden?

王林

Freigeben： 2023-09-08 14:49:02

nach vorne

1357 Leute haben es durchsucht

Wie kann die Anzahl der in einem Formulareingabetextfeld zulässigen Zeichen begrenzt werden?

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">

Nach dem Login kopieren

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>

Nach dem Login kopieren

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">

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!