Tous les sites devraient pouvoir utiliser le même formulaire.
<div class="labels-one-row">
<label>[radio cov-intention class:no-label default:1 "1"] Je propose dans ma voiture</label><label>[radio cov-intention class:no-label "2"] Je cherche une place</label><label>[radio cov-intention class:no-label "3"] L'un ou l'autre</label>
</div>
<label> Lieu de départ <span class="required">*</span> <a class="swap-depart-arrivee" title="intervertir départ et arrivée"><span class="dashicons-before dashicons-image-flip-vertical"></span></a>
[text* cov-depart] </label>
<label> Destination <span class="required">*</span> <a class="swap-depart-arrivee" title="intervertir départ et arrivée"><span class="dashicons-before dashicons-image-flip-vertical"></span></a>
[text* cov-arrivee]</label>
<table>
<tr><td colspan="2">
<div class="labels-one-row cov-periodiques"><label>[radio cov-periodique class:no-label default:1 "false"] Une seule fois</label><label>[radio cov-periodique class:no-label "1"] Répété tous les ...</label>
</div>
</td></tr>
<tr><td><div class="if-not-cov-periodique"><label>Date de départ <span class="required">*</span> [date cov-date-debut] </label></div>
<div class="if-cov-periodique"><label>Tous les <span class="required">*</span> [text cov-periodique-label] </label></div>
</td>
<td><label>Heure [text cov-heure-debut maxlength:5 size:5]</label></td>
</tr>
<tr><td class="align-right"><label>Eventuellement</label></td>
<td><label>heure de retour [text cov-heure-fin maxlength:5 size:5] </label></td>
</tr>
<tr class="if-cov-periodique"><td colspan="2"><label>Valable jusqu'au <span class="required">*</span> [date cov-date-fin] </label>
</td></tr>
</table>
<label> Nombre de places
[number* cov-nb-places min:1 max:99 "1"]
</label>
<label> Commentaire
[textarea cov-description] </label>
<label> Contact <span class="required">*</span>
[text* cov-organisateur autocomplete:name] </label>
<label> Numéro de téléphone <span class="required">*</span>
[tel* cov-phone]
</label>
<div class="labels-one-row cov-phone-show">
<label>[radio cov-phone-show class:no-label "1"] Le n° de téléphone est visible par le public</label>
<label>[radio cov-phone-show class:no-label default:1 "false"] Le n° est caché et peut être envoyé par email</label>
</div>
<label> E-mail de contact (, de validation et de modification du covoiturage)
[email cov-email autocomplete:email] </label>
<label> Code secret de modification du covoiturage <span class="required">*</span>
[text* cov-covsecret autocomplete:covsecret size:6] </label>
<div>
<label>Diffusion de ce covoiturage (sous réserve)</label>[checkbox cov-diffusions use_label_element "Ecopartage|33"]<span class="tax_terms_titles hidden" input="cov_diffusions[]" titles="{"Ecopartage":"Diffuse le covoiturage en tant que message dans Ecopartage"}"></span>
</div>
[submit "Enregistrer"]Par exemple, lors de la modification des termes de la taxonomie de diffusion des covoiturages (champ cov-diffusions), le formulaire est mis à jour pour intégrer toutes les valeurs disponibles.
WPCF7 effectue un contrôle des champs du formulaire à posteriori de son affichage via un appel à son schéma swv.
Vous noterez le champ [response] qui définit l’emplacement des messages d’erreur ou de validation.