{"id":504,"date":"2013-03-18T17:16:14","date_gmt":"2013-03-18T16:16:14","guid":{"rendered":"http:\/\/www.bocciolesi.fr\/tutoriels-et-cours\/?p=504"},"modified":"2017-02-24T14:52:44","modified_gmt":"2017-02-24T13:52:44","slug":"html5-la-gestion-des-formulaires","status":"publish","type":"post","link":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/","title":{"rendered":"HTML5 &#8211; La gestion des Formulaires"},"content":{"rendered":"<div class=\"pdfprnt-buttons pdfprnt-buttons-post pdfprnt-top-right\"><a href=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/504?print=pdf\" class=\"pdfprnt-button pdfprnt-button-pdf\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/plugins\/pdf-print\/images\/pdf.png\" alt=\"image_pdf\" title=\"Afficher le PDF\" \/><span class=\"pdfprnt-button-title pdfprnt-button-pdf-title\">Enregistrer en PDF<\/span><\/a><a href=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/504?print=print\" class=\"pdfprnt-button pdfprnt-button-print\" target=\"_blank\"><\/a><\/div><p><span style=\"color: #3366ff;\"><strong>I\u25ba Nous allons voir dans cet articles, les nouveaux \u00e9l\u00e9ments li\u00e9s au formulaire HTML :<\/strong><\/span><\/p>\n<p>Voici un exemple de formulaire HTML5 :<br \/>\n<a href=\"https:\/\/www.mb-creation-web.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture8.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-505\" src=\"https:\/\/www.mb-creation-web.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture8.png\" alt=\"Capture\" width=\"808\" height=\"403\" srcset=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture8.png 808w, https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture8-300x149.png 300w, https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/03\/Capture8-624x311.png 624w\" sizes=\"auto, (max-width: 808px) 100vw, 808px\" \/><\/a><\/p>\n<ul>\n<li><span style=\"line-height: 1.714285714; font-size: 1rem;\"><span style=\"line-height: 1.714285714; font-size: 1rem;\"><strong><span style=\"color: #ff6600;\">PLACEHOLDER<\/span> <\/strong>est un nouvel attribut de <strong><span style=\"color: #ff6600;\">INPUT\u00a0<\/span><\/strong>:<br \/>\nIl permet de proposer un texte par d\u00e9faut qui s&#8217;efface au clic..<\/span><\/span><\/li>\n<li><strong><span style=\"color: #ff6600;\">REQUIRED<\/span> <\/strong>est un nouvel attribut de <strong><span style=\"color: #ff6600;\">INPUT<\/span> <\/strong>:<br \/>\nIl donne le caract\u00e8re obligatoire au champ input et c&#8217;est le navigateur lui m^me qui v\u00e9rifiera la saisie.<\/li>\n<li><span style=\"color: #ff6600;\"><strong>PATTERN\u00a0<\/strong><\/span>est un nouvel attribut de\u00a0<span style=\"color: #ff6600;\"><strong>INPUT\u00a0<\/strong><\/span>:<br \/>\nIl permet d&#8217;imposer un masque avec expression r\u00e9guli\u00e8re de contr\u00f4le quand \u00e0 la saisie.<\/li>\n<li><strong><span style=\"color: #ff6600;\">DATALIST<\/span> <\/strong>remplace select pour les listes d\u00e9roulantes<\/li>\n<li>De nouveaux TYPE sont cr\u00e9\u00e9s : <strong><span style=\"color: #3366ff;\">URL DATE NUMBER<\/span><\/strong>\u00a0<strong><span style=\"color: #3366ff;\">MONTH WEEK TIME TEL<\/span><\/strong><br \/>\nC&#8217;est le user-agent (navigateur ou smartphone\/tablette) qui g\u00e8re l&#8217;affichage de ces \u00e9l\u00e9ments<br \/>\nOn peut toutefois les personnaliser en CSS &#8230;<br \/>\nLes masques sont automatiquement fournis par le user-agent: calendrier , etc &#8230;<\/li>\n<\/ul>\n<p>Dans un prochain article, nous verrons les balises AUDIO VIDEO pour g\u00e9rer nativement les M\u00e9dias sans plugin !<\/p>\n<p><em>Michel Bocciolesi<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I\u25ba Nous allons voir dans cet articles, les nouveaux \u00e9l\u00e9ments li\u00e9s au formulaire HTML : Voici un exemple de formulaire HTML5 : PLACEHOLDER est un nouvel attribut de &#8230;<\/p>\n","protected":false},"author":1,"featured_media":1626,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36,32,39],"tags":[],"class_list":["post-504","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-web","category-html5-css3","category-tutoriels"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML5 - La gestion des Formulaires - Tutoriels et Cours<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML5 - La gestion des Formulaires - Tutoriels et Cours\" \/>\n<meta property=\"og:description\" content=\"I\u25ba Nous allons voir dans cet articles, les nouveaux \u00e9l\u00e9ments li\u00e9s au formulaire HTML : Voici un exemple de formulaire HTML5 : PLACEHOLDER est un nouvel attribut de ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutoriels et Cours\" \/>\n<meta property=\"article:published_time\" content=\"2013-03-18T16:16:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-24T13:52:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"767\" \/>\n\t<meta property=\"og:image:height\" content=\"379\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Michel BOCCIOLESI\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Michel BOCCIOLESI\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/\",\"url\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/\",\"name\":\"HTML5 - La gestion des Formulaires - Tutoriels et Cours\",\"isPartOf\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg\",\"datePublished\":\"2013-03-18T16:16:14+00:00\",\"dateModified\":\"2017-02-24T13:52:44+00:00\",\"author\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe\"},\"breadcrumb\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/#primaryimage\",\"url\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg\",\"contentUrl\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg\",\"width\":767,\"height\":379,\"caption\":\"Tutoriels D\u00e9veloppement Web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML5 &#8211; La gestion des Formulaires\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website\",\"url\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/\",\"name\":\"Tutoriels et Cours\",\"description\":\"Michel Bocciolesi | Formateur Consultant en Informatique\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe\",\"name\":\"Michel BOCCIOLESI\",\"description\":\"Michel Bocciolesi est consultant et formateur sp\u00e9cialis\u00e9 en Informatique.\",\"sameAs\":[\"https:\/\/www.mb-creation-web.fr\"],\"url\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/author\/michel\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML5 - La gestion des Formulaires - Tutoriels et Cours","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/","og_locale":"fr_FR","og_type":"article","og_title":"HTML5 - La gestion des Formulaires - Tutoriels et Cours","og_description":"I\u25ba Nous allons voir dans cet articles, les nouveaux \u00e9l\u00e9ments li\u00e9s au formulaire HTML : Voici un exemple de formulaire HTML5 : PLACEHOLDER est un nouvel attribut de ...","og_url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/","og_site_name":"Tutoriels et Cours","article_published_time":"2013-03-18T16:16:14+00:00","article_modified_time":"2017-02-24T13:52:44+00:00","og_image":[{"width":767,"height":379,"url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg","type":"image\/jpeg"}],"author":"Michel BOCCIOLESI","twitter_misc":{"\u00c9crit par":"Michel BOCCIOLESI","Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/","url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/","name":"HTML5 - La gestion des Formulaires - Tutoriels et Cours","isPartOf":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/#primaryimage"},"image":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/#primaryimage"},"thumbnailUrl":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg","datePublished":"2013-03-18T16:16:14+00:00","dateModified":"2017-02-24T13:52:44+00:00","author":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe"},"breadcrumb":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/#primaryimage","url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg","contentUrl":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg","width":767,"height":379,"caption":"Tutoriels D\u00e9veloppement Web"},{"@type":"BreadcrumbList","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/html5-la-gestion-des-formulaires\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/"},{"@type":"ListItem","position":2,"name":"HTML5 &#8211; La gestion des Formulaires"}]},{"@type":"WebSite","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website","url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/","name":"Tutoriels et Cours","description":"Michel Bocciolesi | Formateur Consultant en Informatique","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe","name":"Michel BOCCIOLESI","description":"Michel Bocciolesi est consultant et formateur sp\u00e9cialis\u00e9 en Informatique.","sameAs":["https:\/\/www.mb-creation-web.fr"],"url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/author\/michel\/"}]}},"_links":{"self":[{"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/504","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/comments?post=504"}],"version-history":[{"count":9,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/504\/revisions"}],"predecessor-version":[{"id":1662,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/504\/revisions\/1662"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/media\/1626"}],"wp:attachment":[{"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/media?parent=504"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/categories?post=504"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/tags?post=504"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}