Dans HTML, les champs d'entrée sont une partie importante des éléments de formulaire utilisés pour obtenir les commentaires des utilisateurs ou pour insérer des données. Plus précisément, un «"Élément avec le type"texte"Vous permet de saisir toute combinaison de lettres, de chiffres ou de symboles. De plus, l'utilisateur peut restreindre le champ de saisie pour ajouter uniquement des valeurs spécifiques, telles que «valeurs numériques","valeurs positives", et valeurs alphabétiques".

Ce tutoriel démontrera la procédure de définition de l'entrée de texte HTML pour autoriser uniquement l'entrée numérique.

Comment définir l'entrée de texte HTML pour autoriser uniquement l'entrée numérique?

Le type d'entrée "numérique»Permet uniquement d'entrer dans les données numériques. Afin de restreindre l'entrée de texte pour saisir uniquement les données sous forme de nombres, suivez les instructions fournies ci-dessous.

Étape 1: insérer

Tout d'abord, insérez un titre à l'aide de n'importe quel «

" au "

”Étiquette de tête. Par exemple, nous avons utilisé le «

”Tag pour ajouter un titre de niveau un.

Étape 2: Créez un conteneur «div»

Ensuite, créez un élément «div» à l'aide du «»Tag et attribuez-lui un attribut de classe.

Étape 3: Créez un formulaire

Après cela, créez un formulaire HTML en utilisant le «" élément. Après cela, insérez l'élément suivant entre les balises «»:

• Ajouter le "”Tag pour regrouper plusieurs éléments.
• "»L'élément HTML représente une légende pour un élément
• Le "”La balise est utilisée pour créer des contrôles interactifs pour les formulaires Web afin d'accepter les entrées des utilisateurs.
• "taper«Est un attribut qui est utilisé pour définir l'élément type dans une forme. Pour entrer uniquement les données numériques dans le champ de texte, le type ici est défini comme «nombre".
• "marcher»L'attribut est utilisé pour spécifier l'intervalle dans les nombres / autorisés / légaux dans un«" élément
• "requis"Est un attribut booléen. Il empêche les utilisateurs de saisir certaines données dans le champ de saisie.
• "nom”Est ​​utilisé pour spécifier le nom d'un élément.
• En fin de compte, ajoutez un bouton à l'aide du type d'entrée "soumettre".
• "
  "Est utilisé comme disjoncteur de ligne:

Entrez les données sous forme

Entrez votre âge:



Entrez l'expérience de travail:



Soumettre:

Sortir

Étape 4: Élément de cap de style

Pour styliser l'en-tête, accédez d'abord à l'élément de cap à l'aide du nom de la balise "H1»:

H1
Texte-aligne: Centre;

Ensuite, appliquez le «alignement de texte”Propriété pour définir l'alignement du texte de titre. À cette fin, nous avons défini la valeur comme «centre»Pour l'alignement central.

Étape 5: Élément de style «div»

Ensuite, accédez au «div"Élément utilisant la classe attribuée".contenu»Et appliquez les propriétés CSS mentionnées:

.contenu
marge: 20px 100px;
Color en arrière-plan: Blanchedalmond;

Ici:

• "marge"Attribué un espace à l'extérieur de l'élément.
• "Couleur de l'arrière plan«La propriété est utilisée pour définir la couleur de l'arrière de l'élément.

Sortir

Il s'agit de définir l'entrée de texte HTML pour autoriser uniquement les données numériques.

Conclusion

Pour définir l'entrée de texte HTML pour autoriser uniquement l'entrée numérique, créez un formulaire HTML à l'aide du «" élément. Ensuite, utilisez le ««Éléments ainsi que le«taper«Attribut et spécifiez sa valeur comme«numérique», Qui permet aux utilisateurs de saisir uniquement des données numériques. Cet article vous a appris à définir l'entrée de texte HTML pour ne permettre que des données numériques.