communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel CSS > le corps du texte

A quoi sert un sélecteur invalide ?

清浅
Libérer： 2019-01-26 11:36:28
original
4141 Les gens l'ont consulté

Le but du

sélecteur invalide est de définir un style spécifique lorsqu'une valeur illégale est saisie dans un élément de formulaire. Le but est de rappeler à l'utilisateur que la valeur saisie est incorrecte

Le sélecteur :invalide dans. CSS est principalement utilisé. Définit le style spécifié lorsque la valeur de l'élément de formulaire est illégale.

A quoi sert un sélecteur invalide ?

[Cours recommandés : Tutoriel CSS]

Exemple : Lorsque la saisie de l'utilisateur n'est pas une valeur légale, le style se transformera en une bordure rouge

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
input:invalid
{
	border:2px solid red;
}
</style>
</head>
<body>
<input type="email" value="" />

<p>请输入合法 e-mail 地址，查看样式变化。</p>

</body>
</html>
Copier après la connexion

Rendu :

A quoi sert un sélecteur invalide ?

Remarque : Le sélecteur :invalid ne fonctionne que sur les éléments qui peuvent spécifier des valeurs d'intervalle, tels que les attributs min et max dans l'élément d'entrée, les champs de courrier électronique corrects, les champs numériques légaux, etc.

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：
invalid
source：php.cn
Article précédent：Comment mettre en page des pages Web via Flex Article suivant：Comment utiliser l'attribut transform
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
Derniers articles par auteur
Derniers numéros
function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...
Depuis 2024-04-29 11:01:01
0
2
1961
Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?
Depuis 2024-04-23 00:22:19
0
10
2122
La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...
Depuis 2024-04-19 15:37:47
0
1
1790
Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...
Depuis 2024-04-18 23:52:34
0
1
1689
Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel
Depuis 2024-04-16 10:10:18
0
0
1697
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal