{"id":2141,"date":"2012-03-05T07:56:40","date_gmt":"2012-03-05T06:56:40","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=2141"},"modified":"2020-09-02T20:18:32","modified_gmt":"2020-09-02T18:18:32","slug":"html5-web-forms-nouveaux-elements-formulaire","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/tutoriels\/html5-web-forms-nouveaux-elements-formulaire","title":{"rendered":"HTML5 – Web forms, les nouveaux \u00e9l\u00e9ments de formulaire"},"content":{"rendered":"

HTML5 apporte son lot de nouveaut\u00e9s \u00e9galement dans nos bons vieux formulaires. Proposant historiquement un nombre assez limit\u00e9 de types de champs (text<\/code>, password<\/code>, file<\/code>, radio<\/code>, checkbox<\/code>, submit<\/code>, image<\/code>, hidden<\/code>, reset,button<\/code>) et d’\u00e9l\u00e9ments de contr\u00f4le (<textarea><\/code>, <select><\/code>, <option><\/code> et <optgroup><\/code>, <button><\/code>), HTML5 vient bousculer nos habitudes en proposant de nouveaux types notamment.<\/p>\n

Ayant pris \u00e9norm\u00e9ment de temps \u00e0 r\u00e9diger un article pour la\u00a0communaut\u00e9\u00a0Alsacr\u00e9ations<\/a>, je ne fais que vous donner ici le sommaire qui y figure.
\nComme les commentaires ne sont pas encore ouverts sur les tutoriels de la communaut\u00e9, je vous invite – si jamais il vous en prenez l’envie \ud83d\ude42 – \u00e0 me faire vos retours ici ou sur le forum\u00a0d’Alsacr\u00e9ations<\/a>.
\nMerci de votre compr\u00e9hension et bonne lecture !<\/p>\n

\n

Sommaire de l’article sur Alsacr\u00e9ations<\/h2>\n
    \n
  1. Formulaires HTML5 : Introduction<\/a><\/li>\n
  2. Champ de type tel<\/code><\/a><\/li>\n
  3. Champ de type url<\/code><\/a><\/li>\n
  4. Champ de type email<\/code><\/a><\/li>\n
  5. Champ de type search<\/code><\/a><\/li>\n
  6. Champ de types date<\/code>, time<\/code> et datetime<\/code><\/a><\/li>\n
  7. Champ de type month<\/code> et week<\/code><\/a><\/li>\n
  8. Champ de type number<\/code><\/a><\/li>\n
  9. Champ de type range<\/code><\/a><\/li>\n
  10. Champ de type color<\/code><\/a><\/li>\n
  11. \u00c9l\u00e9ment <output><\/code><\/a><\/li>\n
  12. \u00c9l\u00e9ment <keygen><\/code><\/a><\/li>\n<\/ol>\n<\/div>\n
    \n

    Quelques articles pour aller plus loin<\/h2>\n

    Si vous ne le saviez pas, vous pouvez \u00e9galement styler certains \u00e9l\u00e9ments de formulaire comme les boutons radio, les checkbox, les input de type file, ou m\u00eame l’\u00e9l\u00e9ment progress en HTML5.<\/p>\n