http://microformats.org/wiki/index.php?title=rest/forms-examples-fr&feed=atom&action=history
rest/forms-examples-fr - Revision history
2024-03-29T08:26:30Z
Revision history for this page on the wiki
MediaWiki 1.38.4
http://microformats.org/wiki/index.php?title=rest/forms-examples-fr&diff=36213&oldid=prev
Brian: Reverted edits by DarerRiccc (Talk) to last version by ChristopheDucamp
2008-12-20T18:33:05Z
<p>Reverted edits by <a href="/wiki/Special:Contributions/DarerRiccc" title="Special:Contributions/DarerRiccc">DarerRiccc</a> (<a href="/wiki/index.php?title=User_talk:DarerRiccc&action=edit&redlink=1" class="new" title="User talk:DarerRiccc (page does not exist)">Talk</a>) to last version by <a href="/wiki/User:ChristopheDucamp" title="User:ChristopheDucamp">ChristopheDucamp</a></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="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 18:33, 20 December 2008</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 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;">erracrelget</del></div></td><td colspan="2" class="diff-side-added"></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>= Exemples de Formulaires=</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>= Exemples de Formulaires=</div></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>Au titre de la <del style="font-weight: bold; text-decoration: none;">première étape </del>du [[process-fr|processus]] des microformats, cette page rassemble des [[examples-fr|exemples]] et meilleures/communes pratiques pour annoter les [http://www.w3.org/TR/REC-html40/interact/forms.html formulaires] HTML afin de <del style="font-weight: bold; text-decoration: none;">décrire </del>des <del style="font-weight: bold; text-decoration: none;">données </del>en <del style="font-weight: bold; text-decoration: none;">entrée </del>de saisie.</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>Au titre de la <ins style="font-weight: bold; text-decoration: none;">première étape </ins>du [[process-fr|processus]] des microformats, cette page rassemble des [[examples-fr|exemples]] et meilleures/communes pratiques pour annoter les [http://www.w3.org/TR/REC-html40/interact/forms.html formulaires] HTML afin de <ins style="font-weight: bold; text-decoration: none;">décrire </ins>des <ins style="font-weight: bold; text-decoration: none;">données </ins>en <ins style="font-weight: bold; text-decoration: none;">entrée </ins>de saisie.</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;"><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" 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>== Le <del style="font-weight: bold; text-decoration: none;">Problème </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>== Le <ins style="font-weight: bold; text-decoration: none;">Problème </ins>==</div></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>La vaste <del style="font-weight: bold; text-decoration: none;">majorité </del>des sites web utilisent quelque forme de formulaires pour recevoir des <del style="font-weight: bold; text-decoration: none;">entrées </del>-- bien plus que pour fournir quelque type de services web. Actuellement, les personnes qui veulent appeler dans ces sites web ont besoin de "screen-scaper" manuels et de <del style="font-weight: bold; text-decoration: none;">générer </del>manuellement [http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.13.4.1 de l'url <del style="font-weight: bold; text-decoration: none;">encodée</del>] ou (pire) du MIME [http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.13.4.2 multipart].</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>La vaste <ins style="font-weight: bold; text-decoration: none;">majorité </ins>des sites web utilisent quelque forme de formulaires pour recevoir des <ins style="font-weight: bold; text-decoration: none;">entrées </ins>-- bien plus que pour fournir quelque type de services web. Actuellement, les personnes qui veulent appeler dans ces sites web ont besoin de "screen-scaper" manuels et de <ins style="font-weight: bold; text-decoration: none;">générer </ins>manuellement [http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.13.4.1 de l'url <ins style="font-weight: bold; text-decoration: none;">encodée</ins>] ou (pire) du MIME [http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.13.4.2 multipart].</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;"><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" 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>Le but de cette exploration est de <del style="font-weight: bold; text-decoration: none;">déterminer </del>s'il existe quelques <del style="font-weight: bold; text-decoration: none;">modèles cohérents </del>de conception <del style="font-weight: bold; text-decoration: none;">utilisé </del>par les formulaires et/ou le tag <del style="font-weight: bold; text-decoration: none;">sémantique </del>qui permettrait une extraction automatique de l'information <del style="font-weight: bold; text-decoration: none;">exigée </del>pour <del style="font-weight: bold; text-decoration: none;">générer </del>une <del style="font-weight: bold; text-decoration: none;">entrée </del>HTML.</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>Le but de cette exploration est de <ins style="font-weight: bold; text-decoration: none;">déterminer </ins>s'il existe quelques <ins style="font-weight: bold; text-decoration: none;">modèles cohérents </ins>de conception <ins style="font-weight: bold; text-decoration: none;">utilisé </ins>par les formulaires et/ou le tag <ins style="font-weight: bold; text-decoration: none;">sémantique </ins>qui permettrait une extraction automatique de l'information <ins style="font-weight: bold; text-decoration: none;">exigée </ins>pour <ins style="font-weight: bold; text-decoration: none;">générer </ins>une <ins style="font-weight: bold; text-decoration: none;">entrée </ins>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;"><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;"><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 colspan="2" class="diff-lineno" id="mw-diff-left-l194">Line 194:</td>
<td colspan="2" class="diff-lineno">Line 193:</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>== Exemples de Tunnel du Vrai Monde ==</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>== Exemples de Tunnel du Vrai Monde ==</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;"><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" 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>Remarquez que les formulaires HTML n'autorisent actuellement que POST et GET (pour des raisons historiques <del style="font-weight: bold; text-decoration: none;">étranges</del>, ce qui devraient probablement <del style="font-weight: bold; text-decoration: none;">être réparé</del>). Une fois de plus, les sites web ont fait <del style="font-weight: bold; text-decoration: none;">évoluer </del>des moyens d'accomplir l'<del style="font-weight: bold; text-decoration: none;">équivalent </del>de PUT et DELETE. Cette section documente de tels exemples.</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>Remarquez que les formulaires HTML n'autorisent actuellement que POST et GET (pour des raisons historiques <ins style="font-weight: bold; text-decoration: none;">étranges</ins>, ce qui devraient probablement <ins style="font-weight: bold; text-decoration: none;">être réparé</ins>). Une fois de plus, les sites web ont fait <ins style="font-weight: bold; text-decoration: none;">évoluer </ins>des moyens d'accomplir l'<ins style="font-weight: bold; text-decoration: none;">équivalent </ins>de PUT et DELETE. Cette section documente de tels exemples.</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;"><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" 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>=== Ruby on Rails (<del style="font-weight: bold; text-decoration: none;">échafaudage </del>par <del style="font-weight: bold; text-decoration: none;">défaut</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>=== Ruby on Rails (<ins style="font-weight: bold; text-decoration: none;">échafaudage </ins>par <ins style="font-weight: bold; text-decoration: none;">défaut</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> &lt;td>&lt;a href="/users/show/10">Show&lt;/a>&lt;/td></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> &lt;td>&lt;a href="/users/show/10">Show&lt;/a>&lt;/td></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> &lt;td>&lt;a href="/users/edit/10">Edit&lt;/a>&lt;/td></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> &lt;td>&lt;a href="/users/edit/10">Edit&lt;/a>&lt;/td></div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l219">Line 219:</td>
<td colspan="2" class="diff-lineno">Line 218:</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>== Pratiques Existantes== </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>== Pratiques Existantes== </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>(first guess)</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>(first guess)</div></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>* Tout le monde semble utiliser des tables, pas des <del style="font-weight: bold; text-decoration: none;">étiquettes</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>* Tout le monde semble utiliser des tables, pas des <ins style="font-weight: bold; text-decoration: none;">étiquettes</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>* Les tags communs sont : </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>* Les tags communs sont : </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>** label: for</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>** label: for</div></td></tr>
</table>
Brian
http://microformats.org/wiki/index.php?title=rest/forms-examples-fr&diff=35720&oldid=prev
DarerRiccc: trocgetroliv
2008-12-19T21:08:00Z
<p>trocgetroliv</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="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 21:08, 19 December 2008</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</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;">erracrelget</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>= Exemples de Formulaires=</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>= Exemples de Formulaires=</div></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>Au titre de la <del style="font-weight: bold; text-decoration: none;">première étape </del>du [[process-fr|processus]] des microformats, cette page rassemble des [[examples-fr|exemples]] et meilleures/communes pratiques pour annoter les [http://www.w3.org/TR/REC-html40/interact/forms.html formulaires] HTML afin de <del style="font-weight: bold; text-decoration: none;">décrire </del>des <del style="font-weight: bold; text-decoration: none;">données </del>en <del style="font-weight: bold; text-decoration: none;">entrée </del>de saisie.</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>Au titre de la <ins style="font-weight: bold; text-decoration: none;">première étape </ins>du [[process-fr|processus]] des microformats, cette page rassemble des [[examples-fr|exemples]] et meilleures/communes pratiques pour annoter les [http://www.w3.org/TR/REC-html40/interact/forms.html formulaires] HTML afin de <ins style="font-weight: bold; text-decoration: none;">décrire </ins>des <ins style="font-weight: bold; text-decoration: none;">données </ins>en <ins style="font-weight: bold; text-decoration: none;">entrée </ins>de saisie.</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;"><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" 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>== Le <del style="font-weight: bold; text-decoration: none;">Problème </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>== Le <ins style="font-weight: bold; text-decoration: none;">Problème </ins>==</div></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>La vaste <del style="font-weight: bold; text-decoration: none;">majorité </del>des sites web utilisent quelque forme de formulaires pour recevoir des <del style="font-weight: bold; text-decoration: none;">entrées </del>-- bien plus que pour fournir quelque type de services web. Actuellement, les personnes qui veulent appeler dans ces sites web ont besoin de "screen-scaper" manuels et de <del style="font-weight: bold; text-decoration: none;">générer </del>manuellement [http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.13.4.1 de l'url <del style="font-weight: bold; text-decoration: none;">encodée</del>] ou (pire) du MIME [http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.13.4.2 multipart].</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>La vaste <ins style="font-weight: bold; text-decoration: none;">majorité </ins>des sites web utilisent quelque forme de formulaires pour recevoir des <ins style="font-weight: bold; text-decoration: none;">entrées </ins>-- bien plus que pour fournir quelque type de services web. Actuellement, les personnes qui veulent appeler dans ces sites web ont besoin de "screen-scaper" manuels et de <ins style="font-weight: bold; text-decoration: none;">générer </ins>manuellement [http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.13.4.1 de l'url <ins style="font-weight: bold; text-decoration: none;">encodée</ins>] ou (pire) du MIME [http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.13.4.2 multipart].</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;"><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" 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>Le but de cette exploration est de <del style="font-weight: bold; text-decoration: none;">déterminer </del>s'il existe quelques <del style="font-weight: bold; text-decoration: none;">modèles cohérents </del>de conception <del style="font-weight: bold; text-decoration: none;">utilisé </del>par les formulaires et/ou le tag <del style="font-weight: bold; text-decoration: none;">sémantique </del>qui permettrait une extraction automatique de l'information <del style="font-weight: bold; text-decoration: none;">exigée </del>pour <del style="font-weight: bold; text-decoration: none;">générer </del>une <del style="font-weight: bold; text-decoration: none;">entrée </del>HTML.</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>Le but de cette exploration est de <ins style="font-weight: bold; text-decoration: none;">déterminer </ins>s'il existe quelques <ins style="font-weight: bold; text-decoration: none;">modèles cohérents </ins>de conception <ins style="font-weight: bold; text-decoration: none;">utilisé </ins>par les formulaires et/ou le tag <ins style="font-weight: bold; text-decoration: none;">sémantique </ins>qui permettrait une extraction automatique de l'information <ins style="font-weight: bold; text-decoration: none;">exigée </ins>pour <ins style="font-weight: bold; text-decoration: none;">générer </ins>une <ins style="font-weight: bold; text-decoration: none;">entrée </ins>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;"><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;"><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 colspan="2" class="diff-lineno" id="mw-diff-left-l193">Line 193:</td>
<td colspan="2" class="diff-lineno">Line 194:</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>== Exemples de Tunnel du Vrai Monde ==</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>== Exemples de Tunnel du Vrai Monde ==</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;"><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" 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>Remarquez que les formulaires HTML n'autorisent actuellement que POST et GET (pour des raisons historiques <del style="font-weight: bold; text-decoration: none;">étranges</del>, ce qui devraient probablement <del style="font-weight: bold; text-decoration: none;">être réparé</del>). Une fois de plus, les sites web ont fait <del style="font-weight: bold; text-decoration: none;">évoluer </del>des moyens d'accomplir l'<del style="font-weight: bold; text-decoration: none;">équivalent </del>de PUT et DELETE. Cette section documente de tels exemples.</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>Remarquez que les formulaires HTML n'autorisent actuellement que POST et GET (pour des raisons historiques <ins style="font-weight: bold; text-decoration: none;">étranges</ins>, ce qui devraient probablement <ins style="font-weight: bold; text-decoration: none;">être réparé</ins>). Une fois de plus, les sites web ont fait <ins style="font-weight: bold; text-decoration: none;">évoluer </ins>des moyens d'accomplir l'<ins style="font-weight: bold; text-decoration: none;">équivalent </ins>de PUT et DELETE. Cette section documente de tels exemples.</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;"><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" 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>=== Ruby on Rails (<del style="font-weight: bold; text-decoration: none;">échafaudage </del>par <del style="font-weight: bold; text-decoration: none;">défaut</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>=== Ruby on Rails (<ins style="font-weight: bold; text-decoration: none;">échafaudage </ins>par <ins style="font-weight: bold; text-decoration: none;">défaut</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> &lt;td>&lt;a href="/users/show/10">Show&lt;/a>&lt;/td></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> &lt;td>&lt;a href="/users/show/10">Show&lt;/a>&lt;/td></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> &lt;td>&lt;a href="/users/edit/10">Edit&lt;/a>&lt;/td></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> &lt;td>&lt;a href="/users/edit/10">Edit&lt;/a>&lt;/td></div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l218">Line 218:</td>
<td colspan="2" class="diff-lineno">Line 219:</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>== Pratiques Existantes== </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>== Pratiques Existantes== </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>(first guess)</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>(first guess)</div></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>* Tout le monde semble utiliser des tables, pas des <del style="font-weight: bold; text-decoration: none;">étiquettes</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>* Tout le monde semble utiliser des tables, pas des <ins style="font-weight: bold; text-decoration: none;">étiquettes</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>* Les tags communs sont : </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>* Les tags communs sont : </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>** label: for</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>** label: for</div></td></tr>
</table>
DarerRiccc
http://microformats.org/wiki/index.php?title=rest/forms-examples-fr&diff=32420&oldid=prev
ChristopheDucamp: edit of Zg0Ct7, changed back to last version by Ryan King
2007-06-08T13:13:03Z
<p>edit of Zg0Ct7, changed back to last version by Ryan King</p>
<a href="//microformats.org/wiki/index.php?title=rest/forms-examples-fr&diff=32420&oldid=17255">Show changes</a>
ChristopheDucamp
http://microformats.org/wiki/index.php?title=rest/forms-examples-fr&diff=17255&oldid=prev
Zg0Ct7 at 22:36, 7 June 2007
2007-06-07T22:36:18Z
<p></p>
<a href="//microformats.org/wiki/index.php?title=rest/forms-examples-fr&diff=17255&oldid=17248">Show changes</a>
Zg0Ct7
http://microformats.org/wiki/index.php?title=rest/forms-examples-fr&diff=17248&oldid=prev
RyanKing: Reverted edit of BkdRgz, changed back to last version by ChristopheDucamp
2007-04-10T22:21:25Z
<p>Reverted edit of BkdRgz, changed back to last version by ChristopheDucamp</p>
<a href="//microformats.org/wiki/index.php?title=rest/forms-examples-fr&diff=17248&oldid=15414">Show changes</a>
RyanKing
http://microformats.org/wiki/index.php?title=rest/forms-examples-fr&diff=15414&oldid=prev
BkdRgz at 22:16, 10 April 2007
2007-04-10T22:16:08Z
<p></p>
<a href="//microformats.org/wiki/index.php?title=rest/forms-examples-fr&diff=15414&oldid=15412">Show changes</a>
BkdRgz
http://microformats.org/wiki/index.php?title=rest/forms-examples-fr&diff=15412&oldid=prev
ChristopheDucamp at 19:54, 6 November 2006
2006-11-06T19:54:33Z
<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="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 19:54, 6 November 2006</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l2">Line 2:</td>
<td colspan="2" class="diff-lineno">Line 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;"><div>Au titre de la première étape du [[process-fr|processus]] des microformats, cette page rassemble des [[examples-fr|exemples]] est meilleures/communes pratiques pour annoter les [http://www.w3.org/TR/REC-html40/interact/forms.html formulaires] HTML pour décrire des données en entrée de saisie.</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>Au titre de la première étape du [[process-fr|processus]] des microformats, cette page rassemble des [[examples-fr|exemples]] est meilleures/communes pratiques pour annoter les [http://www.w3.org/TR/REC-html40/interact/forms.html formulaires] HTML pour décrire des données en entrée de saisie.</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;"><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" 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>== Le <del style="font-weight: bold; text-decoration: none;">Problèm </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>== Le <ins style="font-weight: bold; text-decoration: none;">Problème </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>La vaste majorité des sites web utilisent quelque forme de formulaires pour recevoir des entrées -- bien plus que pour fournir quelque type de services web. Actuellement, les personnes qui veulent appeler dans ces sites web ont besoin de "screen-scaper" manuellement et générer manuellement [http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.13.4.1 urlencoded], ou (pire) MIME [http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.13.4.2 multipart].</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>La vaste majorité des sites web utilisent quelque forme de formulaires pour recevoir des entrées -- bien plus que pour fournir quelque type de services web. Actuellement, les personnes qui veulent appeler dans ces sites web ont besoin de "screen-scaper" manuellement et générer manuellement [http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.13.4.1 urlencoded], ou (pire) MIME [http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.13.4.2 multipart].</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;"><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 colspan="2" class="diff-lineno" id="mw-diff-left-l233">Line 233:</td>
<td colspan="2" class="diff-lineno">Line 233:</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>== Voir aussi == </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>== Voir aussi == </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>* [http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_sformsmodule XHTML Basic Forms Module] ([http://www.w3.org/TR/2001/REC-xhtml-modularization-20010410/dtd_module_defs.html#a_module_Basic_Forms DTD])</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>* [http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_sformsmodule XHTML Basic Forms Module] ([http://www.w3.org/TR/2001/REC-xhtml-modularization-20010410/dtd_module_defs.html#a_module_Basic_Forms DTD])</div></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>* [http://www.<del style="font-weight: bold; text-decoration: none;">w3</del>.<del style="font-weight: bold; text-decoration: none;">org</del>/<del style="font-weight: bold; text-decoration: none;">TR</del>/<del style="font-weight: bold; text-decoration: none;">REC-html40</del>/interact/forms.html HTML 4.0 <del style="font-weight: bold; text-decoration: none;">Forms</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>* [http://www.<ins style="font-weight: bold; text-decoration: none;">la-grange</ins>.<ins style="font-weight: bold; text-decoration: none;">net</ins>/<ins style="font-weight: bold; text-decoration: none;">w3c</ins>/<ins style="font-weight: bold; text-decoration: none;">html4.01</ins>/interact/forms.html HTML 4.0 <ins style="font-weight: bold; text-decoration: none;">Formulaires</ins>] <ins style="font-weight: bold; text-decoration: none;">(fr)</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>* [http://www.w3.org/MarkUp/Forms/ Xforms]</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>* [http://www.w3.org/MarkUp/Forms/ Xforms]</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>* [http://www.w3schools.com/html/html_forms.asp Forms and input]</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>* [http://www.w3schools.com/html/html_forms.asp Forms and input]</div></td></tr>
</table>
ChristopheDucamp
http://microformats.org/wiki/index.php?title=rest/forms-examples-fr&diff=10067&oldid=prev
ChristopheDucamp at 19:52, 6 November 2006
2006-11-06T19:52:09Z
<p></p>
<p><b>New page</b></p><div>= Exemples de Formulaires=<br />
Au titre de la première étape du [[process-fr|processus]] des microformats, cette page rassemble des [[examples-fr|exemples]] est meilleures/communes pratiques pour annoter les [http://www.w3.org/TR/REC-html40/interact/forms.html formulaires] HTML pour décrire des données en entrée de saisie.<br />
<br />
== Le Problèm ==<br />
La vaste majorité des sites web utilisent quelque forme de formulaires pour recevoir des entrées -- bien plus que pour fournir quelque type de services web. Actuellement, les personnes qui veulent appeler dans ces sites web ont besoin de "screen-scaper" manuellement et générer manuellement [http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.13.4.1 urlencoded], ou (pire) MIME [http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.13.4.2 multipart].<br />
<br />
Le but de cette exploration est de déterminer s'il existe quelques modèles cohérents de conception utilisé par les formulaires et/ou le tag sémantique qui permettrait une extraction automatique de l'information exigée pour générer une entrée HTML.<br />
<br />
<br />
== Participants ==<br />
* [http://www.opendarwin.org/~drernie/ Dr. Ernie]<br />
(traduction en cours [[Christophe Ducamp]]<br />
== Exemples en provenance du Vrai Monde ==<br />
<br />
=== [http://www.wdvl.com/Authoring/HTML/4/Example.html Exemple WDVL] ===<br />
<br />
&lt;FORM Action=""><br />
&lt;TABLE Border = "2" frame="hsides" rules="groups" cellpadding=8><br />
&lt;COLGROUP align="right"><br />
&lt;COLGROUP align="center"><br />
&lt;COLGROUP align="left"><br />
&lt;THEAD valign="top"><br />
&lt;TR><br />
&lt;TH class="Head"> Label &lt;/TH> &lt;TH class="Head"> Control &lt;/TH><br />
&lt;TH class="Head"> Access &lt;/TH><br />
&lt;/TR><br />
&lt;TBODY><br />
&lt;TR><br />
&lt;TH class="Info"> &lt;LABEL for="fname" accesskey="A">First Name: &lt;/LABEL> &lt;/TH><br />
&lt;TD class="Info"> &lt;INPUT type="text" name="firstname" id="fname"> &lt;/TD><br />
&lt;TD class="Info"> A &lt;/TD><br />
&lt;/TR><br />
&lt;TR><br />
&lt;TH class="Info"> &lt;LABEL for="lname" accesskey="B">Last Name: &lt;/LABEL> &lt;/TH><br />
&lt;TD class="Info"> &lt;INPUT type="text" name="lastname" id="lname"> &lt;/TD><br />
&lt;TD class="Info"> B &lt;/TD><br />
&lt;/TR><br />
&lt;TR><br />
&lt;TH class="Info" rowspan=2> Sex: &lt;/TH><br />
&lt;TD class="Info"><br />
&lt;LABEL for="F" accesskey="F"> Female: &lt;/LABEL><br />
&lt;INPUT type="radio" name="sex" value="FeMale" id="F"> &lt;/TD><br />
&lt;TD class="Info"> F &lt;/TD><br />
&lt;/TR><br />
&lt;TR><br />
&lt;TD class="Info"> <br />
&lt;LABEL for="M" accesskey="M"> Male: &lt;/LABEL><br />
&lt;INPUT type="radio" name="sex" value="Male" id="M"> &lt;/TD><br />
&lt;TD class="Info"> M &lt;/TD><br />
&lt;/TR><br />
&lt;TBODY><br />
&lt;TR><br />
&lt;TH> &lt;BUTTON name="submit" value="submit" type="submit"><br />
&lt;b>Send &lt;/b> &lt;IMG src="/Icons/smile.gif" alt="Yes!"> &lt;/BUTTON><br />
&lt;/TH><br />
&lt;TH> &lt;BUTTON name="reset" type="reset"><br />
&lt;em>Reset &lt;/em> &lt;IMG src="/Icons/mr_yuk.gif" alt="No!"> &lt;/BUTTON><br />
&lt;/TH><br />
&lt;/TR><br />
&lt;/TABLE><br />
&lt;/FORM><br />
<br />
=== [http://www.cs.tut.fi/~jkorpela/forms/tables.html Formulaires Structurant (HTML2) utilisant des Tables] ===<br />
&lt;FORM METHOD="POST" ACTION="http://www.cs.tut.fi/cgi-bin/run/~jkorpela/echo.cgi"><br />
&lt;TABLE BORDER="1"><br />
&lt;TR><br />
&lt;TD>Your name &lt;/TD><br />
&lt;TD><br />
&lt;INPUT TYPE="TEXT" NAME="name" SIZE="20"><br />
&lt;/TD><br />
&lt;/TR><br />
&lt;TR><br />
&lt;TD>Votre adresse email &lt;/TD><br />
&lt;TD> &lt;INPUT TYPE="TEXT" NAME="email" SIZE="25"> &lt;/TD><br />
&lt;/TR><br />
&lt;/TABLE><br />
&lt;P> &lt;INPUT TYPE="SUBMIT" VALUE="Submit" NAME="B1"> &lt;/P><br />
&lt;/FORM><br />
<br />
=== [http://www.w3schools.com/xforms/xforms_example.asp Tutoriels Xforms] ===<br />
<br />
&lt;xforms><br />
&lt;model><br />
&lt;instance><br />
&lt;person><br />
&lt;fname/><br />
&lt;lname/><br />
&lt;/person><br />
&lt;/instance><br />
&lt;submission id="form1" method="get"<br />
action="submit.asp"/><br />
&lt;/model><br />
&lt;input ref="fname"><br />
&lt;label>First Name&lt;/label><br />
&lt;/input><br />
&lt;input ref="lname"><br />
&lt;label>Last Name&lt;/label><br />
&lt;/input><br />
&lt;submit submission="form1"><br />
&lt;label>Submit&lt;/label><br />
&lt;/submit><br />
&lt;/xforms><br />
<br />
=== [http://www.orbitz.com/ Orbitz] ===<br />
:&lt;form method="get" id="productNavMenu" action=""><br />
::&lt;div id="productNav" class="productNav"><br />
::&lt;div class="singleProduct"><br />
::&lt;ul><br />
:::&lt;li>&lt;label for="airChoice">&lt;input type="radio" name="product" id="airChoice" class="chk" botid="air" href="" target="" dp="" checked="checked" />Flight&lt;span class="onlyFlag"> only&lt;/span>&lt;/label>&lt;/li><br />
:::&lt;li>&lt;label for="htlChoice">&lt;input type="radio" name="product" id="htlChoice" class="chk" botid="htl" href="" target="" dp="" />Hotel&lt;span class="onlyFlag"> only&lt;/span>&lt;/label>&lt;/li><br />
:::&lt;li>&lt;label for="carChoice">&lt;input type="radio" name="product" id="carChoice" class="chk" botid="car" href="" target="" dp="" />Car&lt;span class="onlyFlag"> only&lt;/span>&lt;/label>&lt;/li><br />
::&lt;/ul><br />
::&lt;/div><br />
::&lt;div class="packageProduct"><br />
::&lt;ul><br />
:::&lt;li>&lt;label for="aphChoice">&lt;input type="radio" name="product" id="aphChoice" class="chk" botid="aph" href="" target="" dp="" />Flight + Hotel&lt;/label>&lt;/li><br />
:::&lt;li>&lt;label for="hpcChoice">&lt;input type="radio" name="product" id="hpcChoice" class="chk" botid="hpc" href="" target="" dp="" />Hotel + Car&lt;/label>&lt;/li><br />
::&lt;/ul><br />
::&lt;/div><br />
::&lt;div class="promoBox"><br />
:::&lt;p>&lt;span>&lt;/span><br />
:::&lt;a href="/App/PackageSavingsInfo?popupsDisabled=false" onClick="return popUpGen('/App/PackageSavingsInfo?popupsDisabled=false','400','200');" > Book together and &lt;span class="saveLabel">save&lt;/span> &lt;span class="savings">$169&lt;/span>&lt;/a><br />
:::&lt;span class="note">on average&lt;/span>&lt;/p><br />
::&lt;/div><br />
::&lt;/div><br />
:&lt;/form><br />
<br />
=== HTML 4 canonique [http://www.w3.org/TR/REC-html40/interact/forms.html exemple] ===<br />
:<FORM action="http://somesite.com/prog/adduser" method="post"><br />
::<P><br />
::<LABEL for="firstname">First name: </LABEL><br />
:::<INPUT type="text" id="firstname"><BR><br />
::<LABEL for="lastname">Last name: </LABEL><br />
:::<INPUT type="text" id="lastname"><BR><br />
::<LABEL for="email">email: </LABEL><br />
:::<INPUT type="text" id="email"><BR><br />
:::<INPUT type="radio" name="sex" value="Male"> Male<BR><br />
:::<INPUT type="radio" name="sex" value="Female"> Female<BR><br />
:::<INPUT type="submit" value="Send"> <INPUT type="reset"><br />
::</P><br />
:</FORM><br />
<br />
=== [http://www.google.com/ Google] ===<br />
:<form action=/search name=f><br />
::<script>...</script><br />
::<table>...Web..Images..Groups..News..Froogle...</table><br />
::<table><br />
:::<input type=hidden name=hl value=en><br />
:::<input maxLength=256 size=55 name=q value=""><br><br />
:::<input type=submit value="Google Search" name=btnG><br />
:::<input type=submit value="I'm Feeling Lucky" name=btnI><br />
::</table><br />
:</form><br />
<br />
=== [http://www.expedia.com Expedia] ===<br />
:<form name=FltWiz method=post action="MoreInfo.asp" style="margin-top:14;margin-bottom:0"><br />
:&lt;table ...><br />
::...<br />
::&lt;td><br />
:::<font face=Arial size=1 class=size11>Departing from:<br><br />
::::<input type=text name=Fcity1 class=buntext1 maxlength=100 value=""><br />
:::</font><br />
::</td>... <br />
::<td><br />
:::<select class=size11 name=Fday1 onChange="SetDay(1)"><br />
::::<option value=1>1<br />
:::</select><br />
::</td>... <br />
::<td><br />
:::<select class=size11 name=Ftime1><br />
::::<option value=420>AM<br />
::::<option selected value=720 selected>Noon<br />
::::<option value=1020>PM<br />
:::</select><br />
::</td>... <br />
::<td>&nbsp;<br />
:::<INPUT TYPE=HIDDEN NAME=opts VALUE="spec"><br />
:::<INPUT TYPE=HIDDEN NAME=Fns VALUE="1"><br />
:::<input type=hidden name="RM1CHILD1AGE" value=""><br />
:::<input type=hidden name="RM1CHILD2AGE" value=""><br />
:::<input type=hidden name="RM1CHILD3AGE" value=""><br />
:::<input type=hidden name="RM1CHILD4AGE" value="">:::<br />
:::<input type=hidden name="RM1CHILD5AGE" value=""><br />
:::<input type=hidden name="RM1CHILD6AGE" value=""><br />
::</td><br />
::<td align=right><br />
:::<input type=Submit name=Search value="Search" class=bungreenGoBtn><br />
::</td>...<br />
:&lt;/table><br />
:</form><br />
<br />
== Exemples de Tunnel du Vrai Monde ==<br />
<br />
Remarquez que les formulaires HTML n'autorisent actuellement que POST et GET (pour des raisons historiques étranges, ce qui devraient probablement être réparé). Une fois de plus, les sites web ont fait évoluer des moyens d'accomplir l'équivalent de PUT et DELETE. Cette section documente de tels exemples.<br />
<br />
=== Ruby on Rails (échafaudage par défaut) ===<br />
&lt;td>&lt;a href="/users/show/10">Show&lt;/a>&lt;/td><br />
&lt;td>&lt;a href="/users/edit/10">Edit&lt;/a>&lt;/td><br />
&lt;td>&lt;a href="/users/destroy/10" onclick="return confirm('Are you sure?');">Destroy&lt;/a>&lt;/td><br />
<br />
=== Amazon (Shopping Cart) ===<br />
&lt;span class="tiny">Make any changes below?&lt;/span><br />
&lt;input type="image" src="http://g-images.amazon.com/images/G/01/x-locale/common/buttons/update-t-sm.gif"<br />
width="55" alt="Update" value="Update" name="update" height="16" border="0" /><br />
&lt;input type="image" src="http://g-images.amazon.com/images/G/01/x-locale/shopping-cart/save-for-later.gif"<br />
width="75" alt="Save for Later" value="Save for Later" name="saveForLater.1" height="14" border="0" /><br />
&lt;input type="image" src="http://g-images.amazon.com/images/G/01/x-locale/shopping-cart/delete.gif"<br />
width="44" alt="Delete" value="Delete" name="delete.1" height="14" border="0" />&lt;/td><br />
<br />
=== Blogger (Edit Posts) ===<br />
&lt;td class="author">&lt;span> Ernest &lt;/span>&lt;/td><br />
&lt;td class="link">&lt;span class=""><br />
&lt;a href="http://chitheory.blogspot.com/" target="_new"> View &lt;/a><br />
&lt;/span>&lt;/td><br />
&lt;td class="weaklink"> &lt;span>&lt;a href="/delete-post.g?blogID=3470364&amp;postID=93557990"> Delete &lt;/a>&lt;/span><br />
<br />
== Pratiques Existantes== <br />
(first guess)<br />
* Tout le monde semble utiliser des tables, pas des étiquettes<br />
* Les tags communs sont : <br />
** label: for<br />
** form: name, method, action<br />
** input: type, name, maxlength, value [size, botid, href, target, dp]<br />
** select: name, onChange<br />
** option: value<br />
<br />
== Proposition == <br />
<br />
Voir [[rest/forms-brainstorming-fr|rest/forms-brainstorming]]<br />
<br />
* Pourquoi tant de type=hidden?<br />
<br />
== Voir aussi == <br />
* [http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_sformsmodule XHTML Basic Forms Module] ([http://www.w3.org/TR/2001/REC-xhtml-modularization-20010410/dtd_module_defs.html#a_module_Basic_Forms DTD])<br />
* [http://www.w3.org/TR/REC-html40/interact/forms.html HTML 4.0 Forms]<br />
* [http://www.w3.org/MarkUp/Forms/ Xforms]<br />
* [http://www.w3schools.com/html/html_forms.asp Forms and input]<br />
* [http://www.wdvl.com/Authoring/HTML/4/Example.html HTML 4 Forms Example]<br />
* [http://simpletest.sourceforge.net/SimpleTest/tutorial_Browser.pkg.html PHP form scripting]<br />
* [[rest-examples-fr|exemples-rest]]</div>
ChristopheDucamp