Wie füge ich in HTML einen regulären Ausdruck hinzu, der den Wert eines Eingabeelements überprüft?-HTML-Tutorial-php.cn

Wie füge ich in HTML einen regulären Ausdruck hinzu, der den Wert eines Eingabeelements überprüft?

WBOY

Freigeben： 2023-08-19 19:33:12

nach vorne

704 Leute haben es durchsucht

Wie füge ich in HTML einen regulären Ausdruck hinzu, der den Wert eines Eingabeelements überprüft?

Die Aufgabe, die wir in diesem Artikel ausführen werden, besteht darin, wie man einen regulären Ausdruck hinzufügt, mit dem der Wert eines Eingabeelements in HTML überprüft wird.

Der reguläre Ausdruck, der zum Überprüfen des Werts des Eingabeelements verwendet wird, wird durch das Attribut angegeben. Die folgenden Eingabetypen sind mit dieser Eigenschaft kompatibel: Text, Passwort, Datum, Suche, E-Mail usw.

Syntax

Das Folgende ist die Syntax des Musterattributs des HTML-Tags

<input pattern = "regular_exp">

Nach dem Login kopieren

Um mehr darüber zu erfahren, wie man einen regulären Ausdruck hinzufügt, mit dem der Wert eines Eingabeelements in HTML überprüft wird, schauen wir uns die folgenden Beispiele an

Für Typ="Passwort"

Das Attribut type="password" im Tag erstellt ein Textfeld, in das Benutzer sicher ein Passwort eingeben können. Je nach Browser werden Zeichen bei der Eingabe durch einen Punkt ("•") oder ein Sternchen () ersetzt. „*“).

Beispiel

Im folgenden Beispiel verwenden wir das Element , dessen Typ „Passwort“ ist.

<!DOCTYPE html>
<html>
<body>
   <form action="#">
      <label for="tutorial">Password:</label>
      <input type="password" id="tutorial" name="tutorial" pattern=".{8,}"
      title="Eight or More Characters">
      <input type="submit">
   </form>
</body>
</html>

Nach dem Login kopieren

Wenn das obige Skript ausgeführt wird, generiert es ein Eingabefeld vom Typ „Passwort“ und legt einen Modus fest, um sicherzustellen, dass es die Einschränkungen erfüllt, bevor es übermittelt werden kann. Andernfalls wird ein Warnfeld angezeigt.

Für Eingabefeld mit drei Buchstaben eingeschränkt

In diesem Fall haben wir das Eingabefeld so eingeschränkt, dass der Benutzer nur drei Buchstaben eingeben kann.

Beispiel

Im Folgenden verwenden wir das auf drei Buchstaben beschränkte Eingabefeld ohne Zahlen oder Sonderzeichen.

<!DOCTYPE html>
<html>
<body>
   <form action="#">
      <label for="tutorial">Country Code:</label>
      <input type="text" id="tutorial" name="tutorial"
      pattern="[A-Za-z]{3}" title=" country code"><br><br>
      <input type="submit">
   </form>
</body>
</html>

Nach dem Login kopieren

Wenn das Skript ausgeführt wird, wird eine Ausgabe mit dem Namen „Ländercode“ und einer auf drei Buchstaben beschränkten Schaltfläche „Senden“ angezeigt. Wenn der Grenzwert nicht erreicht wird, wird ein Warnfeld angezeigt.

Das obige ist der detaillierte Inhalt vonWie füge ich in HTML einen regulären Ausdruck hinzu, der den Wert eines Eingabeelements überprüft?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!