Heim > Artikel > Web-Frontend > Wie füge ich in HTML einen regulären Ausdruck hinzu, der den Wert eines Eingabeelements überprüft?
Wie füge ich in HTML einen regulären Ausdruck hinzu, der den Wert eines Eingabeelements überprüft?
- WBOYnach vorne
- 2023-08-19 19:33:12677Durchsuche
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">
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>
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>
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!