SlamWiki 2.1 web:html:formulaires
http://slamwiki2.kobject.net/
2026-04-06T08:44:01+00:00SlamWiki 2.1
http://slamwiki2.kobject.net/
http://slamwiki2.kobject.net/lib/tpl/bootstrap3/images/favicon.icotext/html2023-04-07T15:46:38+00:00Anonymous (anonymous@undisclosed.example.com)Pseudo classes et formulaires
http://slamwiki2.kobject.net/web/html/formulaires/pseudoclass?rev=1680875198&do=diff
Pseudo classes et formulaires
Certaines pseudo classes CSS permettent de gérer l'apparence et le comportement des champs de formulaire :
Pseudo-classes
Pseudoclasse Rôle :hover Cible un élément survolé par la souris :focus Cible un élément ayant le focus
<style>
#required-form input {
width: 200px;
display: inline-block;
}
#required-form input:required {
border: 1px solid blue;
}
#required-form input:optional {
border: 1px solid silver;
}
</style>
<div id="required-form">
<input ty…text/html2023-04-21T23:44:14+00:00Anonymous (anonymous@undisclosed.example.com)Validation des formulaires
http://slamwiki2.kobject.net/web/html/formulaires/validation?rev=1682113454&do=diff
Validation des formulaires
La validation des formulaires permet de contrôler que les données saisies sont bien celles attendues (champs requis, formats, plages de données possibles...). Elle peut se faire :
* Côté client : à partir des contrôles de validité HTML5 et Javascript
<style>
#validation-form input {
width: 200px;
display: inline-block;
}
#validation-form input + span {
position: relative;
}
#validation-form input + span::before {
position: absolute;
right: -20px;
top: …