Comment limiter le nombre de nombres saisis en HTML5

WBOY
Libérer: 2021-12-17 10:38:33
original
3543 Les gens l'ont consulté

En HTML, les attributs max et min de la balise input peuvent être utilisés pour limiter le nombre de nombres d'entrée. L'attribut max est utilisé pour spécifier la valeur maximale autorisée dans le champ de saisie, et l'attribut min est utilisé pour spécifier la valeur maximale autorisée dans le champ de saisie. valeur minimale autorisée dans le champ de saisie, limitant ainsi la saisie du nombre de nombres, la syntaxe est "".

Comment limiter le nombre de nombres saisis en HTML5

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5, ordinateur Dell G3.

Comment limiter le nombre de nombres d'entrée en HTML5

Si nous voulons limiter le nombre de nombres d'entrée en HTML, nous pouvons utiliser l'attribut max et l'attribut min de la balise d'entrée. L'attribut

max spécifie la valeur maximale autorisée pour le champ de saisie. L'attribut min est utilisé pour spécifier la valeur minimale autorisée pour le champ de saisie. Astuce : L'attribut max est utilisé conjointement avec l'attribut min pour créer une plage de valeurs légales.

La syntaxe est la suivante :

<input max="number|date">
<input min="number|date">
Copier après la connexion

Lorsque la valeur de l'attribut est une valeur numérique, elle contrôle la valeur maximale de la valeur d'entrée, et nous pouvons ensuite limiter la quantité d'entrée.

L'exemple est le suivant :

<html>
<body>
<form action="/example/html5/demo_form.asp" method="get">
Points: <input type="number" name="points" min="0" max="99" />
<input type="submit" />
</form>
</body>
</html>
Copier après la connexion

Résultat de sortie :

Comment limiter le nombre de nombres saisis en HTML5

Tutoriel recommandé : "Tutoriel vidéo HTML"

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal