Bonjour à tous!
Depuis plusieurs jours, je tente de créer un fichier mail.php afin de le lier à mon formulaire de contact créer sous html/css. Mais hélas ! J'ai suivi plusieurs tutoriels et conseils, malgré tout cela, je n'y arrive pas.
Svp, veuillez vraiment m'aider à créer le fichier mail.php afin de recevoir dans ma boîte de réception les données du prospect.
Ci-dessous, le code du formulaire. Merci d'avance.
Code HTML:<body> <div class="container-contact100"> <div class="wrap-contact100"> <form class="contact100-form validate-form"> <span class="contact100-form-title"> <br> Plans Web <p>Merci de remplir correctement ce formulaire afin de recevoir une réponse.</p> </span> <div class="wrap-input100 validate-input bg1" data-validate="Votre Nom Complet SVP!"> <span class="label-input100">NOM COMPLET *</span> <input class="input100" type="text" name="name" placeholder="Entrez Votre Nom et Prénom"> </div> <div class="wrap-input100 validate-input bg1 rs1-wrap-input100" data-validate = "Votre Email SVP (e@m.c)!"> <span class="label-input100">EMAIL *</span> <input class="input100" type="text" name="email" placeholder="Entrez Votre Email"> </div> <div class="wrap-input100 validate-input bg1" data-validate="Votre Contact SVP!"> <span class="label-input100">CONTACT *</span> <input class="input100" type="text" name="number" placeholder="Enter Votre N° Phone"> </div> <div class="wrap-input100 input100-select bg1"> <span class="label-input100">NOS PLANS WEB *</span> <div> <select class="js-select2" name="service"> <option>Définissez Votre Plan</option> <option>VITRO</option> <option>EVENTO</option> <option>PRO</option> </select> <div class="dropDownSelect2"></div> </div> </div> <div class="w-full dis-none js-show-service"> <div class="wrap-contact100-form-radio"> <span class="label-input100">SPÉCIFICITÉ</span> <div class="contact100-form-radio m-t-15"> <input class="input-radio100" id="radio1" type="radio" name="type-product" value="physical" checked="checked"> <label class="label-radio100" for="radio1"> Création Site Web </label> </div> <div class="contact100-form-radio"> <input class="input-radio100" id="radio2" type="radio" name="type-product" value="digital"> <label class="label-radio100" for="radio2"> Refonte Site Web </label> </div> <div class="contact100-form-radio"> <input class="input-radio100" id="radio3" type="radio" name="type-product" value="service"> <label class="label-radio100" for="radio3"> Audit/Admin Site Web </label> </div> </div> <div class="wrap-contact100-form-range"> <span class="label-input100">Budget *</span> <div class="contact100-form-range-value"> FCFA <span id="value-lower">70000</span> - FCFA <span id="value-upper">200000</span> <input type="text" name="from-value"> <input type="text" name="to-value"> </div> <div class="contact100-form-range-bar"> <div id="filter-bar"></div> </div> </div> </div> <div class="wrap-input100 validate-input bg0 rs1-alert-validate" data-validate = "Votre Message SVP!"> <span class="label-input100">Message</span> <textarea class="input100" name="message" placeholder="Parlez-Nous un Peu de Votre Projet..."></textarea> </div> <div class="container-contact100-form-btn"> <button class="contact100-form-btn"> <span> Validez <i class="fa fa-long-arrow-right m-l-7" aria-hidden="true"></i> </span> </button> </div> </form> </div> </div> <!--===============================================================================================--> <script src="vendor/jquery/jquery-3.2.1.min.js"></script> <!--===============================================================================================--> <script src="vendor/animsition/js/animsition.min.js"></script> <!--===============================================================================================--> <script src="vendor/bootstrap/js/popper.js"></script> <script src="vendor/bootstrap/js/bootstrap.min.js"></script> <!--===============================================================================================--> <script src="vendor/select2/select2.min.js"></script> <script> $(".js-select2").each(function(){ $(this).select2({ minimumResultsForSearch: 20, dropdownParent: $(this).next('.dropDownSelect2') }); $(".js-select2").each(function(){ $(this).on('select2:close', function (e){ if($(this).val() == "Please chooses") { $('.js-show-service').slideUp(); } else { $('.js-show-service').slideUp(); $('.js-show-service').slideDown(); } }); }); }) </script> <!--===============================================================================================--> <script src="vendor/daterangepicker/moment.min.js"></script> <script src="vendor/daterangepicker/daterangepicker.js"></script> <!--===============================================================================================--> <script src="vendor/countdowntime/countdowntime.js"></script> <!--===============================================================================================--> <script src="vendor/noui/nouislider.min.js"></script> <script> var filterBar = document.getElementById('filter-bar'); noUiSlider.create(filterBar, { start: [ 70000, 200000 ], connect: true, range: { 'min': 70000, 'max': 1000000 } }); var skipValues = [ document.getElementById('value-lower'), document.getElementById('value-upper') ]; filterBar.noUiSlider.on('update', function( values, handle ) { skipValues[handle].innerHTML = Math.round(values[handle]); $('.contact100-form-range-value input[name="from-value"]').val($('#value-lower').html()); $('.contact100-form-range-value input[name="to-value"]').val($('#value-upper').html()); });</script><!--===============================================================================================--> <script src="js/main.js"></script> <!-- Global site tag (gtag.js) - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-23581568-13');</script></body>
-----