Aidenet.com  Aide informatique et nouvelles technologies
Accueil Télécharger
Actualités Boutique
Dossiers Forum
Encyclopédie Annuaire
 Créer son site
 
Accueil / Sommaire
CSS : tutoriel complet
Javascript : tutoriel
Réferencement
Les images
Les tableaux
Créer son blog
Couleur Héxa
 Internet
Accueil / Sommaire
 Informatique
Accueil / Sommaire
 Photo numérique
Accueil / Sommaire
 Logiciels
Windows XP
Skype
Claris Home Page
FTP Expert
Filezilla
Cute FTP
WinZip
 Aide
Index du site
Plan du site
Dico Anglais / FR.
Vocabulaire info.
Glossaire
Tags HTML
Liste extensions
Vocabulaire SMS
 Partenaires

Créer sa page perso

Champ de saisie - 1

Page - 56b

 

Bases d'un formulaire = Balises d'un formulaire (1) = Balises d'un formulaire (2) = Champ de saisie (1) = Champ de saisie (2) = Fenêtre de texte = Menu déroulant = Boutons radio = Cases à cocher = Formulaire complet

 

Vous pouvez ajouter des modules suivant vos besoins et voici les codes correspondants.

Voyez en premier ce module élémentaire, qui peut prendre diverses fonctions comme décrit ci-après et, pour cet exemple seulement vous trouvez aussi diverses présentations pour vous donner des idées :-))))

 

Champ de saisie simple

 

  Adresse electronique

    

En rouge, les Tags d'ouverture et fermeture du formulaire.
En vert, les adresses à changer pour y placer les vôtres.
En noir, les tags de base d'une page.
  les 2 espacements (tags insécables) pour éloigner le texte du bord du cadre. 
Code exemple, pour modèle.

 

<HTML><HEAD><TITLE>----</TITLE></HEAD><BODY >

<FORM ACTION="http://perso.wanadoo.fr/bin/formulaire.cgi" METHOD=POST>

<P><TABLE BORDER=1 CELLSPACING=0 WIDTH=527>

<INPUT TYPE="HIDDEN" NAME="email" VALUE="toto@titine.com">
<INPUT TYPE="HIDDEN" NAME="url" VALUE="http://www.titine.com">
<INPUT TYPE="HIDDEN" NAME="sujet" VALUE="Formulaire des Pages Perso">

<TR><TD COLSPAN=2 HEIGHT=40 BGCOLOR="#0000FF"> <CENTER>
<FONT COLOR="#FFFFFF"><B>&nbsp;&nbsp;Adresse electronique <INPUT TYPE=text NAME="Mail" VALUE="" SIZE=45></B></FONT></CENTER> </TD</TR></TABLE><CENTER><P>

<INPUT TYPE=submit NAME=Envoyer VALUE="Envoyer">&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE=reset NAME=Effacer VALUE="Effacer" ></CENTER></FORM>

</BODY></HTML>

 Nota : Le nombre de caractères prévu pour la case de saisie est fixée par l'attribut SIZE=45, (valeur utilisée pour tous les modèles de cette page).

 

 

Le même champ de saisie sans la couleur d'encadrement

Voici le module en rouge à ajouter dans un formulaire déjà "construit ", sinon vous devez copier intégralement le texte ci-dessous.

 

Adresse electronique   

En rouge, les Tags d'ouverture et fermeture du formulaire.
En vert, les adresses à changer pour y placer les vôtres.
En noir, les tags de base d'une page.
&nbsp; les 2 espacements (tags insécables) pour éloigner le texte du bord du cadre.
 Code exemple, pour modèle.

 

<HTML><HEAD><TITLE>----</TITLE></HEAD><BODY >

<FORM ACTION="http://perso.wanadoo.fr/bin/formulaire.cgi" METHOD=POST>

<INPUT TYPE="HIDDEN" NAME="email" VALUE="toto@titine.com">
<INPUT TYPE="HIDDEN" NAME="url" VALUE="http://www.titine.com">
<INPUT TYPE="HIDDEN" NAME="sujet" VALUE="Formulaire des Pages Perso">

<CENTER><FONT COLOR="#FFFFFF"><B>&nbsp;&nbsp;Adresse electronique <INPUT TYPE=text NAME="Mail" VALUE="" SIZE=45></B></FONT>

<INPUT TYPE=submit NAME=Envoyer VALUE="Envoyer">&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE=reset NAME=Effacer VALUE="Effacer" ></CENTER></FORM>

</BODY></HTML>

 

 

Champs à remplir obligatoirement

Cette information est obtenue à l'aide d'un astérisque (*) placé à la droite du texte ou en bout du champ de saisie concerné (ici "adresse électronique") et aussi à la base du code de script (ici "E-Mail). De plus vous devez informer votre visiteur de cette obligation de saisie d'information par une phrase du type : ( Les champs marqués * doivent obligatoirement être renseignés par le visiteur.)

Dans le cas ou un champ ainsi pointé n'est pas renseigné , un message s'ouvre parfois dans la fenêtre du navigateur et indique le détail des champs qui doivent être obligatoirement renseignés et qui ne l'ont pas été, sinon le formulaire ne part pas. (voir javascript)

 

 

Adresse électronique*   

En rouge, les Tags d'ouverture et fermeture du formulaire.
En vert, les adresses à changer pour y placer les vôtres.
En noir, les tags de base d'une page.
&nbsp; les 2 espacements (tags insécables) pour éloigner le texte du bord du cadre. 
En rose, l'astérisque en fin du texte apparent et aussi après l'attribut NAME soit. text NAME="*E-Mail" VALUE

<HTML><HEAD><TITLE>----</TITLE></HEAD><BODY >

<FORM ACTION="http://perso.wanadoo.fr/bin/formulaire.cgi" METHOD=POST>

<P><INPUT TYPE=hidden NAME=email VALUE="toto@titine.com"><INPUT TYPE=hidden NAME=url VALUE="http://www.titine.com"><INPUT TYPE=hidden NAME=sujet VALUE="Formulaire des Pages Perso">

 

<CENTER><FONT COLOR="#000000"><B>Adresse

&eacute;lectronique</B></FONT><FONT COLOR="#FF0000">*</FONT><B>&nbsp;&nbsp;&nbsp;<INPUT TYPE=text NAME="*E-Mail" VALUE="" SIZE=45></B>

 

<INPUT TYPE=submit NAME=Envoyer VALUE="Envoyer">&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE=reset NAME=Effacer VALUE="Effacer" ></CENTER></FORM>

</BODY></HTML>

 

Bases d'un formulaire = Balises d'un formulaire (1) = Balises d'un formulaire (2) = Champ de saisie (1) = Champ de saisie (2) = Fenêtre de texte = Menu déroulant = Boutons radio = Cases à cocher = Formulaire complet

Sommaire Page perso

Tous droits réservés © 1997-2002. aidenet.com

DERNIERS MESSAGES DU FORUM
Comparaison / choix d'un forum [Internet]
redemmarage en boucle [A l'aide !]
désinstaller win nanny [A l'aide !]
Espace disparu sur le disque dur [Windows]
petit souci [Présentez-vous]
Internet Explorer ne fontionne pas, Mozilla Firefo... [Internet]
Windows SP3 [A l'aide !]
Pas d'accès à daily ! [A l'aide !]
problem hover [HTML / CSS / Javascript]
Problèmes de div qui se chevauchent [HTML / CSS / Javascript]
Css debutant [Présentez-vous]
Mise en veille sous xp [Portables]
bonjour [Présentez-vous]
probleme compatibilite internet explorer firefox [HTML / CSS / Javascript]
Mon ordi plante et redémarre tout seul [A l'aide !]
Tous les messages ici...
Toshiba Satellite A200-214
590 € Details
Apple iPhone
369 € Details
Airis PDA T620
195 € Details
 



Partenaires : Youpil |  DivertissonsNous |  Annuaire blog |  Live Messenger |  Logiciels photo |  Hébergeur d'images |  Meuble TV |  Videosduweb |  Blog Webmaster |  PSP |  Sorties cinéma
Tous droits réservés © 1997-2008. www.aidenet.com     Edité par FAPROD