Concevez vos formulaires en HTML5

Durant cette 7ème semaine d’apprentissage au HTML5 j’ai testé et exploité la création des formulaires. Je vous livre ci-dessous sous forme de carte mentale le résultat de mes recherches. J’espère que cela vous permettra de structurer au mieux vos prochains formulaires en HTML5.

La carte est organisée en 8 thématiques :

  • Les fondamentaux
  • Liste déroulante
  • Zone de texte
  • Les boutons
  • Zones de saisie
  • Les input
  • Les Attributs obligatoires
  • Compteur numérique

Vous pouvez consulter la carte via ce lien ci-dessous

http://www.mindmeister.com/358768727/les-formulaires-en-html5


 Cette carte est aussi accessible en téléchargement sur biggerplate

http://www.biggerplate.com/mindmaps/PueAfQCJ/les-formulaires-html5

Bonne consultation

Olivier Legrand

 

4 commentaires

  1. Pour une structure de formulaire HTML5 prêt à l’usage (tous les champs du formulaire sont charté et designé), vous pouvez utiliser aussi http://www.slim-css.com/formulaires.slim où toutes les thématiques sont abordé dans la documentation du Framework HTML5.
    Je vous laisse y jeter un coup d’oeil :)

  2. olivier_formateurduweb

    Bonjour,

    Merci pour votre ressource http://www.slim-css.com/formulaires.slim elle intéressante et utile
    Olivier

  3. Bonjour,

    Est il possible de télécharger les cartes ?
    Si oui, comment fait on ?

  4. olivier_formateurduweb

    Bonjour

    Vous pouvez obtenir télécharger la carte de deux manières en ayant un compte sur Mindmeister, il vous faudra cependant un compte payant.
    Ou alors en allant sur le site biggerplate.com vous vous créez un compte GRATUIT sur le site et vous pourrez télécharger cette carte via cette url http://www.biggerplate.com/mindmaps/PueAfQCJ/les-formulaires-html5

    Pour les autres cartes sur le HTML5 voici la liste de cartes http://www.biggerplate.com/formateurduweb à vous de faire votre choix.

    Olivier

Répondre

Votre adresse email ne sera pas publiée. Les champs obligatoires sont marqués d'une étoile *

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>