This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
2017_2018:s1:webdoc:td4 [2017/11/27 16:09] pourcelot [Les formulaires 2.0] |
2017_2018:s1:webdoc:td4 [2017/11/28 17:50] (current) pourcelot [Les formulaires 2.0] |
||
---|---|---|---|
Line 144: | Line 144: | ||
* D'obtenir quelque chose qui s'approche de ça : | * D'obtenir quelque chose qui s'approche de ça : | ||
{{ :2017_2018:s1:webdoc:grunion-form-builder.png?300 |}} | {{ :2017_2018:s1:webdoc:grunion-form-builder.png?300 |}} | ||
- | http://en.blog.files.wordpress.com/2010/11/grunion-form-builder.png | + | |
- | * D'obtenir quelque chose qui ne ressemble surtout pas à ça : | + | * D'obtenir quelque chose qui ne ressemble surtout pas à ça (pas de tableau pour la mise en page notamment !) : |
{{ :2017_2018:s1:webdoc:formail1.jpg?300 |}} | {{ :2017_2018:s1:webdoc:formail1.jpg?300 |}} | ||
- | * Et c'est pas fini, veiller à : | + | * Et c'est pas fini : |
* Lorsqu'un champs est en train d'être modifié, appliquer "une mise en surbrillance" de ce dernier. | * Lorsqu'un champs est en train d'être modifié, appliquer "une mise en surbrillance" de ce dernier. | ||
* Les champs contenant du texte (excepté Mot de passe) doivent être pré-rempli. | * Les champs contenant du texte (excepté Mot de passe) doivent être pré-rempli. | ||
Line 157: | Line 157: | ||
<note tip>Un peu d'aide ? | <note tip>Un peu d'aide ? | ||
* Pseudos-formats : :required, :invalid, :focus | * Pseudos-formats : :required, :invalid, :focus | ||
+ | * [[https://developer.mozilla.org/fr/docs/Web/Guide/HTML/Formulaires/Validation_donnees_formulaire|Validation d'un formulaire]] en HTML5. | ||
* Type de champs HTML5 : email, tel, number, url, range, color, date, search (http://www.alsacreations.com/tuto/lire/1372-formulaires-html5-nouveaux-types-champs-input.html) | * Type de champs HTML5 : email, tel, number, url, range, color, date, search (http://www.alsacreations.com/tuto/lire/1372-formulaires-html5-nouveaux-types-champs-input.html) | ||
</note> | </note> |