{"id":1222,"date":"2018-09-26T10:08:16","date_gmt":"2018-09-26T10:08:16","guid":{"rendered":"https:\/\/www.templatemonster.com\/fr\/blog\/?p=1222"},"modified":"2020-04-09T11:32:07","modified_gmt":"2020-04-09T11:32:07","slug":"comment-creer-un-formulaire-de-contact-en-html","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/","title":{"rendered":"Comment cr\u00e9er un formulaire de contact en HTML"},"content":{"rendered":"

26<\/p>\n

Tout d'abord cr\u00e9ez 2 fichiers :\u00a0contact_form.html<\/span><\/strong>\u00a0et\u00a0contact.php<\/strong>. Le premier fichier contiendra le code HTML du formulaire et le second traitera les donn\u00e9es du formulaire.<\/p>\n

HTML<\/h3>\n

Ci-dessous vous verrez le code HTML du formulaire de contact<\/p>\n

\n
\n
<\/div>\n\n\n\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n
10<\/div>\n<\/td>\n
\n
\n
<<\/code>form<\/code> action<\/code>=<\/code>\"contact.php\"<\/code> method<\/code>=<\/code>\"post\"<\/code>><\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code>Your name<<\/code>br<\/code>><\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code><<\/code>input<\/code> type<\/code>=<\/code>\"text\"<\/code> name<\/code>=<\/code>\"cf_name\"<\/code>><<\/code>br<\/code>><\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code>Your e-mail<<\/code>br<\/code>><\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code><<\/code>input<\/code> type<\/code>=<\/code>\"text\"<\/code> name<\/code>=<\/code>\"cf_email\"<\/code>><<\/code>br<\/code>><\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code>Message<<\/code>br<\/code>><\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code><<\/code>textarea<\/code> name<\/code>=<\/code>\"cf_message\"<\/code>><<\/code>br<\/code>><\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code><<\/code>input<\/code> type<\/code>=<\/code>\"submit\"<\/code> value<\/code>=<\/code>\"Send\"<\/code>><\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code><<\/code>input<\/code> type<\/code>=<\/code>\"reset\"<\/code> value<\/code>=<\/code>\"Clear\"<\/code>><\/code><\/div>\n
<\/<\/code>form<\/code>><\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Et c'est comme \u00e7a que vous le verrez dans le navigateur<\/p>\n

\"HTML<\/a><\/p>\n

Jetons un coup d\u2019\u0153il sur certains aspects principaux. La balise <form> devrait avoir 2 attributs suppl\u00e9mentaires :<\/p>\n

action=\u201dcontact.php\u201d<\/strong>\u00a0\u2013 cet attribut sp\u00e9cifie o\u00f9 envoie les donn\u00e9es \u00e0 partir des champs du formulaire de contact, lorsqu'il a \u00e9t\u00e9 soumis<\/p>\n

method=\u201dpost\u201d<\/strong>\u00a0\u2013 cet attribut sp\u00e9cifie comment envoyer des donn\u00e9es du formulaire au fichier sp\u00e9cifi\u00e9 dans l'attribut action<\/strong>. Les balises <input> et <textarea> devrait avoir un attribut \u201cname\u201d avec un identifiant unique. Cet attribut est utilis\u00e9 pour identifier les donn\u00e9es de formulaire apr\u00e8s leur soumission au serveur. Et les 2 \u00e9l\u00e9ments d\u2019entr\u00e9e utilis\u00e9s comme boutons Send et Clear, on devrait avoir type=\u201dsubmit\u201d assign\u00e9 \u00e0 lui et l'autre type=\u201dreset\u201d<\/p>\n

C\u2019est essentiellement \u00e7a. Aussi facile que \u00e7a en a l'air.<\/p>\n

PHP<\/h3>\n

Maintenant, pour le fichier contact.php qui saisira r\u00e9ellement les donn\u00e9es des champs, composez un message et envoyez-le \u00e0 votre email. Vous pouvez t\u00e9l\u00e9charger le fichier\u00a0contact.php<\/a>\u00a0d'ici. Vous trouverez ci-dessous le code du fichier contenant des commentaires sur ses principales sections.<\/p>\n

Affectation des donn\u00e9es envoy\u00e9es \u00e0 partir des champs du formulaire de contact (cf_name, cf_email, cf_message) aux variables php ($cf_message, $field_email, $field_message)<\/p>\n

\n
\n
<\/div>\n\n\n\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n<\/td>\n
\n
\n
$field_name<\/code> = <\/code>$_POST<\/code>[<\/code>'cf_name'<\/code>];<\/code><\/div>\n
$field_email<\/code> = <\/code>$_POST<\/code>[<\/code>'cf_email'<\/code>];<\/code><\/div>\n
$field_message<\/code> = <\/code>$_POST<\/code>[<\/code>'cf_message'<\/code>];<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

$mail_to<\/strong> contiendra l'e-mail du propri\u00e9taire du site, c'est l\u00e0 que l'e-mail est envoy\u00e9. Vous pouvez sp\u00e9cifier plusieurs emails en les s\u00e9parant par une virgule (mail-one@template-help.com, mail-two@template-help.com)<\/p>\n

\n
\n
<\/div>\n\n\n\n
\n
1<\/div>\n<\/td>\n
\n
\n
$mail_to<\/code> = <\/code>'test@test-mail.com'<\/code>;<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Objet du mail que vous recevez du formulaire de contact<\/p>\n

\n
\n
<\/div>\n\n\n\n
\n
1<\/div>\n<\/td>\n
\n
\n
$subject<\/code> = <\/code>'Message from a site visitor '<\/code> . <\/code>$field_name<\/code>;<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Construire le corps du message<\/p>\n

\n
\n
<\/div>\n\n\n\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n<\/td>\n
\n
\n
$body_message<\/code> = <\/code>'From: '<\/code>.<\/code>$field_name<\/code>.<\/code>\"\\n\"<\/code>;<\/code><\/div>\n
$body_message<\/code> .= <\/code>'E-mail: '<\/code>.<\/code>$field_email<\/code>.<\/code>\"\\n\"<\/code>;<\/code><\/div>\n
$body_message<\/code> .= <\/code>'Message: '<\/code>.<\/code>$field_message<\/code>;<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Construire les en-t\u00eates du message<\/p>\n

\n
\n
<\/div>\n\n\n\n
\n
1<\/div>\n
2<\/div>\n<\/td>\n
\n
\n
$headers<\/code> = <\/code>\"From: $cf_email\\r\\n\"<\/code>;<\/code><\/div>\n
$headers<\/code> .= <\/code>\"Reply-To: $cf_email\\r\\n\"<\/code>;<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

D\u00e9finir la fonction mail()\u00a0<\/strong>et l'assigner \u00e0 la variable<\/span>\u00a0$mail_status, qui est utilis\u00e9e ci-dessous pour v\u00e9rifier si le courrier a \u00e9t\u00e9 envoy\u00e9 ou non<\/p>\n

\n
\n
<\/div>\n\n\n\n
\n
1<\/div>\n<\/td>\n
\n
\n
$mail_status<\/code> = mail(<\/code>$mail_to<\/code>, <\/code>$subject<\/code>, <\/code>$body_message<\/code>, <\/code>$headers<\/code>);<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Si la fonction\u00a0mail()<\/strong>\u00a0est\u00a0ex\u00e9cut\u00e9e avec succ\u00e8s alors faites le code ci-dessous<\/p>\n

\n
\n\n\n\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n<\/td>\n
\n
\n
if<\/code> ($mail_status) { ?><\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code><script language=<\/code>\"javascript\"<\/code> type=<\/code>\"text\/javascript\"<\/code>><\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>\/\/ Print a message<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>alert(<\/code>'Thank you for the message. We will contact you shortly.'<\/code>);<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>\/\/ Redirect to some page of the site. You can also specify full URL, e.g. http:\/\/template-help.com<\/a><\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>window.location = <\/code>'contact_page.html'<\/code>;<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code><\/script><\/code><\/div>\n
<?php<\/code><\/div>\n
}<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n

Si la fonction mail()<\/strong> \u00e9choue, alors ex\u00e9cutez le code suivant<\/p>\n

\n
\n
<\/div>\n\n\n\n
\n
1<\/div>\n
2<\/div>\n
3<\/div>\n
4<\/div>\n
5<\/div>\n
6<\/div>\n
7<\/div>\n
8<\/div>\n
9<\/div>\n<\/td>\n
\n
\n
else<\/code> { ?><\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code><script language=<\/code>\"javascript\"<\/code> type=<\/code>\"text\/javascript\"<\/code>><\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>\/\/ Print a message<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>alert(<\/code>'Message failed. Please, send an email to gordon@template-help.com'<\/code>);<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>\/\/ Redirect to some page of the site. You can also specify full URL, e.g. http:\/\/template-help.com<\/a><\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/code>window.location = <\/code>'contact_page.html'<\/code>;<\/code><\/div>\n
\u00a0\u00a0\u00a0\u00a0<\/code><\/script><\/code><\/div>\n
<?php<\/code><\/div>\n
}?><\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

26 Tout d'abord cr\u00e9ez 2 fichiers :\u00a0contact_form.html\u00a0et\u00a0contact.php. Le premier fichier contiendra le code HTML du formulaire et le second traitera les donn\u00e9es du formulaire. HTML Ci-dessous vous verrez le code HTML du formulaire de contact 1 2 3 4 5 6 7 8 9 10 <form action=\"contact.php\" method=\"post\"> \u00a0\u00a0\u00a0\u00a0Your name<br> \u00a0\u00a0\u00a0\u00a0<input type=\"text\" name=\"cf_name\"><br> \u00a0\u00a0\u00a0\u00a0Your e-mail<br> […]<\/p>\n","protected":false},"author":1672325,"featured_media":1225,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[29,25],"tags":[7,54],"yoast_head":"\nComment cr\u00e9er un formulaire de contact en HTML - TemplateMonster<\/title>\n<meta name=\"description\" content=\"Tutoriel simple qui va vous apprendre \u00e0 cr\u00e9er un formulaire de contact tr\u00e8s simple pour un mod\u00e8le de site Web bas\u00e9 sur HTML.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment cr\u00e9er un formulaire de contact en HTML - TemplateMonster\" \/>\n<meta property=\"og:description\" content=\"Tutoriel simple qui va vous apprendre \u00e0 cr\u00e9er un formulaire de contact tr\u00e8s simple pour un mod\u00e8le de site Web bas\u00e9 sur HTML.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/\" \/>\n<meta property=\"og:site_name\" content=\"TemplateMonster Blog France\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterFrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-09-26T10:08:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-09T11:32:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2018\/09\/code-647012_1280.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"852\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Claire\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_France\" \/>\n<meta name=\"twitter:site\" content=\"@TM_France\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Claire\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/\"},\"author\":{\"name\":\"Claire\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c\"},\"headline\":\"Comment cr\u00e9er un formulaire de contact en HTML\",\"datePublished\":\"2018-09-26T10:08:16+00:00\",\"dateModified\":\"2020-04-09T11:32:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/\"},\"wordCount\":377,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\"},\"keywords\":[\"D\u00e9veloppement Web\",\"HTML5\"],\"articleSection\":[\"D\u00e9veloppement Web\",\"Tutoriels\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/\",\"url\":\"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/\",\"name\":\"Comment cr\u00e9er un formulaire de contact en HTML - TemplateMonster\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#website\"},\"datePublished\":\"2018-09-26T10:08:16+00:00\",\"dateModified\":\"2020-04-09T11:32:07+00:00\",\"description\":\"Tutoriel simple qui va vous apprendre \u00e0 cr\u00e9er un formulaire de contact tr\u00e8s simple pour un mod\u00e8le de site Web bas\u00e9 sur HTML.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Comment cr\u00e9er un formulaire de contact en HTML\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#website\",\"url\":\"https:\/\/monsterspost.com\/fr\/\",\"name\":\"TemplateMonster Blog France\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\",\"name\":\"MonsterPost France\",\"url\":\"https:\/\/monsterspost.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost France\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterFrance\/\",\"https:\/\/twitter.com\/TM_France\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c\",\"name\":\"Claire\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Claire\"},\"description\":\"Claire est une \u00e9crivaine talentueuse et curieuse. Sa principale priorit\u00e9 est de transmettre en termes simples des informations difficiles. Elle adore le monde de la conception Web et partage des trucs sympas sur sa page Facebook. Elle s'int\u00e9resse \u00e9galement activement \u00e0 la litt\u00e9rature, aux traductions et communique avec plaisir avec les abonn\u00e9s en ligne.\",\"url\":\"https:\/\/monsterspost.com\/fr\/author\/claire\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment cr\u00e9er un formulaire de contact en HTML - TemplateMonster","description":"Tutoriel simple qui va vous apprendre \u00e0 cr\u00e9er un formulaire de contact tr\u00e8s simple pour un mod\u00e8le de site Web bas\u00e9 sur HTML.","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:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment cr\u00e9er un formulaire de contact en HTML - TemplateMonster","og_description":"Tutoriel simple qui va vous apprendre \u00e0 cr\u00e9er un formulaire de contact tr\u00e8s simple pour un mod\u00e8le de site Web bas\u00e9 sur HTML.","og_url":"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/","og_site_name":"TemplateMonster Blog France","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterFrance\/","article_published_time":"2018-09-26T10:08:16+00:00","article_modified_time":"2020-04-09T11:32:07+00:00","og_image":[{"width":1280,"height":852,"url":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2018\/09\/code-647012_1280.jpg","type":"image\/jpeg"}],"author":"Claire","twitter_card":"summary_large_image","twitter_creator":"@TM_France","twitter_site":"@TM_France","twitter_misc":{"\u00c9crit par":"Claire","Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/"},"author":{"name":"Claire","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c"},"headline":"Comment cr\u00e9er un formulaire de contact en HTML","datePublished":"2018-09-26T10:08:16+00:00","dateModified":"2020-04-09T11:32:07+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/"},"wordCount":377,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/fr\/#organization"},"keywords":["D\u00e9veloppement Web","HTML5"],"articleSection":["D\u00e9veloppement Web","Tutoriels"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/","url":"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/","name":"Comment cr\u00e9er un formulaire de contact en HTML - TemplateMonster","isPartOf":{"@id":"https:\/\/monsterspost.com\/fr\/#website"},"datePublished":"2018-09-26T10:08:16+00:00","dateModified":"2020-04-09T11:32:07+00:00","description":"Tutoriel simple qui va vous apprendre \u00e0 cr\u00e9er un formulaire de contact tr\u00e8s simple pour un mod\u00e8le de site Web bas\u00e9 sur HTML.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/fr\/comment-creer-un-formulaire-de-contact-en-html\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Comment cr\u00e9er un formulaire de contact en HTML"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/fr\/#website","url":"https:\/\/monsterspost.com\/fr\/","name":"TemplateMonster Blog France","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/fr\/#organization","name":"MonsterPost France","url":"https:\/\/monsterspost.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost France"},"image":{"@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterFrance\/","https:\/\/twitter.com\/TM_France"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c","name":"Claire","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Claire"},"description":"Claire est une \u00e9crivaine talentueuse et curieuse. Sa principale priorit\u00e9 est de transmettre en termes simples des informations difficiles. Elle adore le monde de la conception Web et partage des trucs sympas sur sa page Facebook. Elle s'int\u00e9resse \u00e9galement activement \u00e0 la litt\u00e9rature, aux traductions et communique avec plaisir avec les abonn\u00e9s en ligne.","url":"https:\/\/monsterspost.com\/fr\/author\/claire\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/1222"}],"collection":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/users\/1672325"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/comments?post=1222"}],"version-history":[{"count":4,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/1222\/revisions"}],"predecessor-version":[{"id":3687,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/1222\/revisions\/3687"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/media\/1225"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/media?parent=1222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/categories?post=1222"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/tags?post=1222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}