Bâtir des formulaires HTML
Adresses derrière les liens

Éléments input, select et textarea
Écran 3
  1. Mon premier formulaire HTML https://developer.mozilla.org/fr/docs/Web/Guide/HTML/Formulaires/Mon_premier_formulaire_HTML
Bonification des formulaires avec le HTML5
Écran 12
  1. HTML5 http://dev.w3.org/html5/spec/
  2. exemple de formulaire HTML5 avec CSS-3 dans Safari 5+ http://www.alistapart.com/d/forward-thinking-form-validation/index.html
  3. Forward Thinking Form Validation http://www.alistapart.com/articles/forward-thinking-form-validation/
Organisation des champs
Écran 22
  1. archive d'un formulaire avec mise en forme tableau http://bit.ly/2sFe2dO
  2. Web Applications Form Design http://www.lukew.com/resources/articles/web_forms.html
  3. 'ergonomie dans la conception d'un formulaire http://www.ergolab.net/articles/ergonomie-formulaire.php
Règles d'ergonomie (p. 3/3)
Écran 30
  1. Sensible Forms: A Form Usability Checklist http://www.alistapart.com/articles/sensibleforms
Exemple d'un formulaire avec validation client et AJAX
Écran 40
  1. formulaire d'adhésion à Remember the milk http://www.rememberthemilk.com/signup/
Patron des étiquettes flottantes
Écran 45
  1. patron des étiquettes flottantes http://bradfrost.com/blog/post/float-label-pattern/
Éléments interactifs non standard
Écran 53
  1. exemples de formulaires sophistiqués du framework XML Orbeon http://demo.orbeon.com/demo/fr/orbeon/controls/new
Ne pas oublier la sécurité...
Écran 54
  1. cross-site scripting http://fr.wikipedia.org/wiki/Cross-site_scripting
  2. injection SQL http://fr.wikipedia.org/wiki/Injection_SQL
CAPTCHA
Écran 55
  1. CAPTCHA http://fr.wikipedia.org/wiki/Captcha
Empêcher la double soumission
Écran 57
  1. Synchronizer Token http://www.narendranaidu.com/2005/12/duplicate-form-submission-and.html
Exercice synthèse : analyser un formulaire
Écran 58
  1. formulaire pour la création d'un profil Facebook https://www.facebook.com/
Tous droits réservés 2017, Espace Courbe Formation inc. —8 juin 2017 — 08:32:44