nouveau formulaire

<form method="post" action="https://newsletter.preprod.dev.infomaniak.ch/v3/api/1/newsletters/webforms/17473/submit" class="inf-form" target="_blank"><input type="email" name="email" style="display:none" /><input type="hidden" name="key" value="eyJpdiI6IkJLSHR6MXRqcys5dE14Z2tKT3VsYlRuUkljUU9EdkNnSXQwVnZrZFRuVTQ9IiwibWFjIjoiMWIyZmNiNGQ1MmYwYmRjN2Y1NjRmMmI1OWVmOTBhYTkzMTg4ZjkzMzIwYTVlYThmZWM5ZmEwMGQ1ZTlkOGVhOSIsInZhbHVlIjoid2FIcHNHa0VKcjl1TnR1cVVcL3R0V2x1c1ZqXC9KWTZibVh5d05RTEZYUk1jPSJ9"><input type="hidden" name="webform_id" value="17473"><style> .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9{ background-color:#f5f5f5; padding:25px 20px; margin:25px auto; } .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 .inf-content { margin-top:13px;} .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 h4, .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 span, .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 label, .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 input, .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 .inf-submit, .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 .inf-success p a { color:#555555; font-size:14px; } .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 h4{ font-size:18px; margin:0px 0px 13px 0px; } .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 h4, .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 label{ font-weight:bold; } .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 .inf-input { margin-bottom:7px; } .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 label { display:block;} .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 input{ height:35px; color:#999999; border: 1px solid #E9E9E9; border:none; padding-left:7px; } .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 .inf-input.inf-error label, .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 .inf-input.inf-error span.inf-message{ color: #cc0033; } .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 .inf-input.inf-error input{ border: 1px solid #cc0033; } .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 .inf-input input { width:100%;} .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 .inf-input.inf-error span.inf-message { display: block; } .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 .inf-submit { text-align:right;} .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 .inf-submit input{ background-color:#777777; color:#ffffff; border:none; font-weight: normal; height:auto; padding:7px; } .inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9 .inf-submit input.disabled{ opacity: 0.4; } .inf-btn { color: rgb(85, 85, 85); border: medium none; font-weight: normal; height: auto; padding: 7px; display: inline-block; background-color: white; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.24); border-radius: 2px; line-height: 1em; } .inf-rgpd { margin:25px 0px 15px 0px; color:#555555; } </style><div class="inf-main_a87c3e8f9b58723ac1c4f6ab69c0d0c9"> <h4>Newsletter</h4> <span>Ne manquez pas les promotions et les nouveautés que nous réservons à nos fidèles abonnés.</span> <div class="inf-success" style="display:none"> <h4>Votre inscription a été enregistrée avec succès !</h4> <p> <a href="#" class="inf-btn">&laquo;</a> </p> </div> <div class="inf-content"> <div class="inf-input inf-input-text"> <input type="text" name="inf[59553]" data-inf-meta="59553" data-inf-error="blablka" placeholder="fvd&lt;bdthbh" > </div> <div class="inf-input inf-input-text"> <input type="email" name="inf[1]" data-inf-meta="1" data-inf-error="" required="required" placeholder="Email" > </div> <div class="inf-input inf-input-text"> <input type="text" name="inf[59551]" data-inf-meta="59551" data-inf-error="" placeholder="Nom" > </div> <div class="inf-input inf-input-text"> <input type="text" name="inf[59550]" data-inf-meta="59550" data-inf-error="" placeholder="Prénom" > </div> <div class="inf-input inf-input-text"> <input type="text" name="inf[59552]" data-inf-meta="59552" data-inf-error="Renseignez votre tel" required="required" placeholder="Tel" > </div> <div class="inf-rgpd">Votre adresse de messagerie est uniquement utilisée pour vous envoyer notre lettre d&#039;information ainsi que des informations concernant nos activités. Vous pouvez à tout moment utiliser le lien de désabonnement intégré dans chacun de nos mails.</div> <div style=""> <label data-mcaptcha_url="https://captcha.infomaniak.com/widget/?sitekey=wKJaAigS1e48fWgqtjvg5w7rKA6QIwmy" for="mcaptcha__token" id="mcaptcha__token-label"> <input type="text" name="mcaptcha__token" id="mcaptcha__token"/> </label> <div id="mcaptcha__widget-container"></div> <script src="https://unpkg.com/@mcaptcha/vanilla-glue@0.1.0-rc2/dist/index.js"></script> </div> <div class="inf-submit"> <input type="submit" style="margin-top: 25px;" name="" value="Valider"> </div> </div> </div> </form>