Maison > Article > interface Web > Comment ajouter une expression régulière en HTML qui vérifie la valeur d'un élément d'entrée ?
Comment ajouter une expression régulière en HTML qui vérifie la valeur d'un élément d'entrée ?
- WBOYavant
- 2023-08-19 19:33:12677parcourir
La tâche que nous allons effectuer dans cet article concerne la façon d'ajouter une expression régulière par rapport à laquelle la valeur d'un élément d'entrée est vérifiée en HTML.
L'expression régulière qui sera utilisée pour vérifier la valeur de l'élément d'entrée est spécifiée par l'attribut de modèle Les types de saisie suivants sont compatibles avec cette propriété : texte, mot de passe, date, recherche, email, etc.
Syntaxe
Ce qui suit est la syntaxe de l'attribut pattern de la balise HTML
<input pattern = "regular_exp">
Pour avoir plus d'idées sur la façon d'ajouter une expression régulière par rapport à laquelle la valeur d'un élément d'entrée est vérifiée en HTML, examinons les exemples suivants
Pour type="mot de passe"
L'attribut type="password" sur la balise crée un champ de texte dans lequel les utilisateurs peuvent saisir un mot de passe en toute sécurité. Selon le navigateur, les caractères sont remplacés lorsqu'ils sont saisis par un point ("•") ou un astérisque (. "*").
Exemple
Dans l'exemple ci-dessous, nous utilisons l'élément , dont le type est "password".
<!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>
Lorsque le script ci-dessus est exécuté, il générera un champ de saisie de type mot de passe et définira un mode pour garantir qu'il répond aux contraintes avant de pouvoir être soumis, sinon une boîte d'alerte s'affichera.
Pour un champ de saisie limité à trois lettres
Dans ce cas, nous avons limité le champ de saisie pour permettre à l'utilisateur de saisir uniquement trois lettres.
Exemple
Considérant ce qui suit, nous utilisons le champ de saisie limité à trois lettres sans chiffres ni caractères spéciaux.
<!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>
Lorsque le script est exécuté, il affichera une sortie avec le nom « countrycode » et un bouton de soumission limité à trois lettres. Si la limite n'est pas atteinte, une boîte d'avertissement s'affichera.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!