Positionnement absolu - Tout en CSS - Avec script d'envoi - Code source
Code source pour les formulaires présentés page 65a, 68b
Le code des formulaire, est à définir à votre goût et si aturellement tout est paramétrable à volonté, essayez si possible de respecter les codes appropriés CSS.
Avec cadre marron, le code de base à compléter du bleu ou vert.
Avec cadre bleu, le code à ajouter au marron pour le modèle "mailto".
Avec cadre vert, le code à ajouter au marron pour le modèle avec script.
Un copier/coller et hop à vous de travailler !
<FORM ACTION="mailto:toto@domaine.com" METHOD=POST enctype="text/plain">
<form method="post" action="http://www.i-services.net/plus/formmail.php3"><input type="hidden" name="recipient" value="toto@domaine.com">
<input type="hidden" name="conform_copy" value="autre adresse e-mail">
<input type="hidden" name="subject" value="modèle formulaire">
<input type="hidden" name="redirect" value="http://www.aidenet.com/css/css65.htm">
<input type="hidden" name="priority" value="priorité (High, Low ou Normal)">
<input type="hidden" name="supp_names" value="submit,mot_2 (facultatif)">
<FIELDSET STYLE = "background-color:#FFE4B5"> <legend align="Type d'alignement">
ceci est un deuxième exemple </legend><br>
<LABEL name>Nom:</LABEL>
<INPUT name=nom size="27"
maxlength="27" class="INPUT">
<BR>
<LABEL>Prénom:</LABEL>
<INPUT name=prenom size="27"
maxlength="27" class="INPUT">
<BR>
<LABEL>@mail:</LABEL>
<INPUT name=adressemail size="27"
maxlength="27" class="INPUT">
<br>
<br>
<LABEL>Etes-vous: </LABEL> un homme
<input type="radio" name="sexe" value="homme" class="OPTION" >
une femme
<input type="radio" name="sexe" value="femme" class="OPTION" >
<br>
<br>
<label>Possédez-vous: </label> une voiture
<input type="checkbox" name="motorisation" value="voiture" class="OPTION">
une moto
<input type="checkbox" name="motorisation" value="moto" class="OPTION" >
un vélo
<input type="checkbox" name="motorisation" value="velo" class="OPTION">
<br>
<p></p>
<label>Préférez-vous: </label>
<select name="loisirs" class="SELECT">
<option value="cinema"> aller au cinéma</option>
<option value="nature"> aller dans la nature</option>
<option value="television"> regarder la télévision</option>
</select>
<br>
<br>
<label> <br>
<br>
Vos questions: </label>
<textarea name="questions" cols="23" rows="5" class="TEXTAREA" >
</textarea>
<br>
<br>
<br>
<div align="center">
<input type="Submit" value="ENVOYER" class="BUTTON" name="envoie" style="top: 640px; ">
<input type="Reset" value="ANNULER" class="BUTTON" name="effacer" style="top: 640px; ">
</div>
<br>
<p> </p>
</FIELDSET>
</FORM>
Nota (les passages en rouge sont simplement indiqués ici pour vous guider et ça fonctionne bien s'ils sont dans le code source. Mais si vous voulez obtenir la validation de HTML 1.0 il vous faut les enlever.)
Formulaire, désactivé
Positionnement absolu - Tout en CSS - Avec script d'envoi - Code source
