Welcome to you

Welcome to you

mercredi 4 mars 2015

CREATION D'UN FORMULAIRE (part 3)

Mamamiaaaaahhhh Salut les amis et bienvenu dans ce cours N°3 d'initiation à la programmation en HTML. Aujourd'hui nous allons apprendre à concevoir un formulaire d’enregistrement complet. pour un site, un blog ou autres plate formes . Le principe est vraiment simple et sa syntaxe n'exige que concentration et application. C'est parti!!! 



CRÉATION DE FORMULAIRE


<form> Balise d'ouverture  d'un formulaire

<label for="name"> Nom:</label>

<input type="text" name="nom" id="name" required="required"><p/>

<label for="prenom"> Prenom:</label>

<input type="text" name="prenom" id="prenom" required="required"><p/>

<label for="name"> E-mail:</label>

<input type="email" name="email" id="email" required="required"><p/>

<label for="password"> Mot de passe:</label>

<input type="password" name="Mot de passe" id="mot de passe" required="required"><p/>

<label for="Password"> Confirmer votre mot de passe:</label>

<input type="password" name="password_confirm" id="password confirm" required="required"><br/>

<label for="Message"> Message:</label>

<input type="text" name="Message" id="Message" required="required" rows="5"><br/>

<input type="submit" name="Envoyer" value="Envoyer">

</form> Balise de fermeture  d'un formulaire

 

NB: Le mot clé "Required" utilisé ci-dessous force l'utilisateur à remplir les champs comme c'est le cas dans certaines inscriptions sur des réseaux sociaux, des forums et même des blog. Alors rien de bien compliquer pour la création d'un formulaire. (Cet attribut est facultatif).

 

                                ILLUSTRATION

  Après exécution de ce code source, on obtiendra à l'écran ce résultat .

 

 

 

 

 










EXERCICE: Application aux Formulaires D’enregistrements

- Dans la page nommée index récemment créer insérer-y un formulaire 
- On devra y retrouver toutes les indications vu dans la leçon ci-dessus (Relire la leçon si difficultés se fait entendre)
- Enregistrée la de nouveau et exécutée la avec un navigateur de votre choix (FireFox ou Chrome de préférence)
- Admirez votre formulaire

Aucun commentaire :

Enregistrer un commentaire