Comment ajouter une expression régulière en HTML qui vérifie la valeur d'un élément d'entrée ?-tutoriel HTML-php.cn

Comment ajouter une expression régulière en HTML qui vérifie la valeur d'un élément d'entrée ?

WBOY

Libérer： 2023-08-19 19:33:12

avant

715 Les gens l'ont consulté

Comment ajouter une expression régulière en HTML qui vérifie la valeur dun élément dentrée ?

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

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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!