User Tools

Site Tools


2017_2018:s1:webdoc:td4

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
2017_2018:s1:webdoc:td4 [2017/11/27 16:03]
pourcelot [[TD4] Multimédia et autres balises]
2017_2018:s1:webdoc:td4 [2017/11/28 17:50] (current)
pourcelot [Les formulaires 2.0]
Line 142: Line 142:
  
 * Mettre en forme ce formulaire avec du CSS dans l'​objectif : * Mettre en forme ce formulaire avec du CSS dans l'​objectif :
- * D'​obtenir quelque chose qui s'​approche de ça : http://​en.blog.files.wordpress.com/​2010/​11/​grunion-form-builder.png + * D'​obtenir quelque chose qui s'​approche de ça :  
- * D'​obtenir quelque chose qui ne ressemble surtout pas à ça : http://​wiki.lws-hosting.com/​lib/​exe/​fetch.php/​formail1.jpg +{{ :​2017_2018:​s1:​webdoc:​grunion-form-builder.png?300 |}} 
-* Et c'est pas fini, veiller à :+ 
 + * 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 |}} 
 +* 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 154: 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>​
2017_2018/s1/webdoc/td4.1511795032.txt.gz · Last modified: 2017/11/27 16:03 by pourcelot