https://kono.phpage.fr/index.php?action=history&feed=atom&title=HTML%2Fformulaire
HTML/formulaire - Historique des versions
2026-10-19T16:33:01Z
Historique des versions pour cette page sur le wiki
MediaWiki 1.43.11
https://kono.phpage.fr/index.php?title=HTML/formulaire&diff=3494&oldid=prev
Fylip22 : /* Référence */
2022-07-31T11:35:36Z
<p><span class="autocomment">Référence</span></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="fr">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 31 juillet 2022 à 13:35</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l2">Ligne 2 :</td>
<td colspan="2" class="diff-lineno">Ligne 2 :</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Référence ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Référence ==</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* Tutoriel PHP : Formulaire de contact en PHP, de la chaine YouTube "Grafikart.fr" : https://www.youtube.com/c/grafikart</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">** https://www.youtube.com/watch?v=Dw9R0NEXuYo</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* TUTO PHP - Formulaire de contact, de la chaine YouTube "Boris ('PrimFX')" :</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* TUTO PHP - Formulaire de contact, de la chaine YouTube "Boris ('PrimFX')" :</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** https://www.youtube.com/watch?v=vVV18mLiq1Q</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** https://www.youtube.com/watch?v=vVV18mLiq1Q</div></td></tr>
</table>
Fylip22
https://kono.phpage.fr/index.php?title=HTML/formulaire&diff=3493&oldid=prev
Fylip22 le 31 juillet 2022 à 11:28
2022-07-31T11:28:59Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="fr">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 31 juillet 2022 à 13:28</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Ligne 1 :</td>
<td colspan="2" class="diff-lineno">Ligne 1 :</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><source lang</del>="<del style="font-weight: bold; text-decoration: none;">html5</del>"></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Les formulaires HTML, CSS, PHP</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== Référence ==</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* TUTO PHP - Formulaire de contact, de la chaine YouTube "Boris ('PrimFX')" :</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">** https://www.youtube.com/watch?v</ins>=<ins style="font-weight: bold; text-decoration: none;">vVV18mLiq1Q</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">* Comment envoyer un formulaire de contact dans une Base de donnée, de la chaine YouTube </ins>"<ins style="font-weight: bold; text-decoration: none;">Makhfouze AIDARA</ins>"</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">** https://www.youtube.com/watch?v=yNuVTmNW2ow</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">== Exemple ==</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><source</ins>></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><!doctype html></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><!doctype html></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><html lang="fr"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><html lang="fr"></div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l115">Ligne 115 :</td>
<td colspan="2" class="diff-lineno">Ligne 124 :</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Catégorie:HTML]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Catégorie:HTML]]</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Catégorie:PHP]]</ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Catégorie:Script]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Catégorie:Script]]</div></td></tr>
</table>
Fylip22
https://kono.phpage.fr/index.php?title=HTML/formulaire&diff=1307&oldid=prev
Fylip22 le 9 mars 2019 à 19:50
2019-03-09T19:50:53Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="fr">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Version précédente</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version du 9 mars 2019 à 21:50</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l113">Ligne 113 :</td>
<td colspan="2" class="diff-lineno">Ligne 113 :</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></html></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></html></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></source></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div></source></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Catégorie:HTML]]</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Catégorie:Script]]</ins></div></td></tr>
</table>
Fylip22
https://kono.phpage.fr/index.php?title=HTML/formulaire&diff=809&oldid=prev
Fylip22 : Page créée avec « <source lang="html5"> <!doctype html> <html lang="fr"> <head> <meta charset="utf-8" /> <title>Formulaire HTML5</title> <style> body{ backgrou... »
2017-12-19T10:25:39Z
<p>Page créée avec « <source lang="html5"> <!doctype html> <html lang="fr"> <head> <meta charset="utf-8" /> <title>Formulaire HTML5</title> <style> body{ backgrou... »</p>
<p><b>Nouvelle page</b></p><div><source lang="html5"><br />
<!doctype html><br />
<html lang="fr"><br />
<head><br />
<meta charset="utf-8" /><br />
<title>Formulaire HTML5</title><br />
<style><br />
body{<br />
background-image: url(background.png);<br />
font-family: 'Open Sans',sans-serif;<br />
font-weight: 400;<br />
font-size: 13px;<br />
}<br />
<br />
:invalid { <br />
background-color: #F0DDDD;<br />
border-color: #e88;<br />
-webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);<br />
-moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);<br />
-o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);<br />
-ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);<br />
box-shadow:0 0 5px rgba(255, 0, 0, .8);<br />
}<br />
<br />
:required {<br />
border-color: #222;<br />
-webkit-box-shadow: 0 0 5px rgba(0, 255, 255, .5);<br />
-moz-box-shadow: 0 0 5px rgba(0, 0, 255, .5);<br />
-o-box-shadow: 0 0 5px rgba(0, 0, 255, .5);<br />
-ms-box-shadow: 0 0 5px rgba(0, 0, 255, .5);<br />
box-shadow: 0 0 5px rgba(0, 0, 255, .5);<br />
}<br />
<br />
form {<br />
width:400px;<br />
margin: 20px auto;<br />
}<br />
<br />
input {<br />
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;<br />
border:1px solid #ccc;<br />
font-size:20px;<br />
width:300px;<br />
min-height:30px;<br />
display:block;<br />
margin-bottom:15px;<br />
margin-top:5px;<br />
outline: none;<br />
<br />
-webkit-border-radius:5px;<br />
-moz-border-radius:5px;<br />
-o-border-radius:5px;<br />
-ms-border-radius:5px;<br />
border-radius:5px;<br />
} <br />
<br />
input[type=submit] {<br />
background:none;<br />
padding:10px;<br />
cursor: pointer;<br />
}<br />
<br />
label{<br />
cursor: pointer;<br />
}<br />
</style><br />
</head><br />
<body><br />
<form oninput="total.value = (nights.valueAsNumber * 99) + <br />
((guests.valueAsNumber - 1) * 10)"><br />
<br />
<label>Nom complet :</label><br />
<input type="text" id="full_name" name="full_name" placeholder="Jane Doe" required><br />
<br />
<label>Adresse e-mail :</label><br />
<input type="email" id="email_addr" name="email_addr" required><br />
<br />
<label>Confirmez l'adresse e-mail :</label><br />
<input type="email" id="email_addr_repeat" name="email_addr_repeat" required <br />
oninput="check(this)"><br />
<br />
<label>Date d'arrivée :</label><br />
<input type="date" id="arrival_dt" name="arrival_dt" required><br />
<br />
<label>Nombre de nuitées (99 € par nuit) :</label><br />
<input type="number" id="nights" name="nights" value="1" min="1" max="30" required><br />
<br />
<label>Nombre d'invités (10 € par invité supplémentaire) :</label><br />
<input type="number" id="guests" name="guests" value="1" min="1" max="4" required><br />
<br />
<label>Total :</label><br />
<output id="total" name="total">99</output>.00 €<br />
<br><br><br />
<br />
<label>Code de promotion :</label><br />
<input type="text" id="promo" name="promo" pattern="[A-Za-z0-9]{6}" <br />
title="Le code de promotion contient six caractères alphanumériques."><br />
<br />
<input type="submit" value="Effectuer la réservation" /> <br />
</form><br />
<br />
<script><br />
function check(input) {<br />
if (input.value != document.getElementById('email_addr').value) {<br />
input.setCustomValidity('Les deux adresses e-mail ne correspondent pas.');<br />
} else {<br />
// le champ est valide : on réinitialise le message d'erreur<br />
input.setCustomValidity('');<br />
}<br />
}<br />
</script><br />
</body><br />
</html><br />
</source></div>
Fylip22