[PDF] TP 3 : Formulaires JavaScript. Question 1 : Créer





Previous PDF Next PDF



TP TIC (J S) TP TIC (J S)

TP N°8 (Les formulaires et la gestion des événements en JS):. Objectifs Corriger". onClick="reponse(form4)">. </FORM>. </BODY>. </HTML>. Constatation : Dans ...



FASCICULE DES TRAVAUX PRATIQUES FASCICULE DES TRAVAUX PRATIQUES

TP n°2 : Syntaxes de base du langage JavaScript. TP n°3 : Objets prédéfinis du JS. TP n°4 : Evénements et Formulaires du JS. TP n°5 : Le DOM en JavaScript. TP n 



tp-javascript.pdf tp-javascript.pdf

10 févr. 2013 Cette vérification peut donc se faire côté client par le langage Javascript. Une fois les données du formulaire contrôlées (toutes les ...



JavaScript - Travaux Pratiques 1

Écrire une page XHTML comportant un mini-formulaire composé d'un champ de saisie et d'un <title>Exo 1 TP 1</ title>. <meta http−equiv=”content−type” content ...



Cours PHP Accéléré

27 juin 2023 3.47 Feuilles de TD et TP BUT2 informatique . ... Les vérifications dans les formulaires HTML5 et en JavaScript sont valables uniquement côté.



TP 5 – Programmation Web avec PHP - Correction

print "<a href='javascript:history.back()'>Essayez à nouveau</a> Afficher ensuite un formulaire permettant de saisir le nom et le prénom de l'utilisateur.



TP 3 : Formulaires

JavaScript. Question 1 : Créer l'en-tête HTML le titre (avec une balise h1) et la phrase de bas de page. Question 2 : Créer le formulaire avec la balise <form> ...



TP Javascript

NB : Commencez par récupérer l'archive du TP2. Cette archive contient des images utilisées dans la suite du TP. Exercice 1 : Gestion d'événements en Javascript.



FICHE 1. Les bases du JavaScript

Deux événements spécifiques à <form> : submit. Envoyer le formulaire reset. Réinitialiser le formulaire. JavaScript <title>TP : Un système d'auto- complétion ...



tp-javascript.pdf

TP Javascript. © 2013 tv <tvaira@free.fr> - v.1.0 Exercice n°1.3 : code javascript dans des balises HTML . ... Séquence n°3 : vérification de formulaire.



PWB – TP JS

Ecrivez un script Javascript «en ligne» c'est à dire inclus dans le corps de Javascript permettant la copie d'un champs texte d'un formulaire vers.



FASCICULE DES TRAVAUX PRATIQUES

TP n°4 : Evénements et Formulaires du JS. TP n°5 : Le DOM en JavaScript. TP n°6 : Langage XML. TP n°7 : La validation XML avec DTD.



Cours PHP Accéléré

12 juil. 2022 Tuto PHP en accéléré en pdf ... doc php (http ://php.net/manual/fr/) ... Les vérifications dans les formulaires HTML5 et en JavaScript sont ...



JavaScript - Travaux Pratiques 1

Pour associer du code JavaScript placé dans un fichier Écrire une page XHTML comportant un mini-formulaire composé d'un champ de saisie et d'un.



tp-javascript.pdf

TP Javascript. Master de Bioinformatique. Université de Rouen. 1 Exercice. Voici le listing d'un fichier HTML contenant du code javascript :.



TP 5 – Programmation Web avec PHP - Correction

<a href="javascript:history.back()">Essayez à nouveau</a>. </body>. </html> si le script est appelé sans paramètre il créera le formulaire.



liste fonction javascript

[PDF] JAVASCRIPT igm univ mlv ~fpetit download langageJS pdf. Download. Javascript 14. tp javascript formulaire corrigé pdf. 15. cours javascript open ...



FICHE 1. Les bases du JavaScript

Exercice 3. Passez le code HTML en script : <div id="divTP4">. <form enctype=" 



Correction Examen

DUT MMI 1`ere année - Programmation Web avec JavaScript ". Correction Examen. – Q.C.M individuel sur feuille (aucun document autorisé) durée : 20 minutes.



tp javascript formulaire corrigé pdf - PDFprof

PDF Télécharger TP Javascript - Free tp javascript formulaire corrigé pdf Correction TD Patrick Poulingeas JavaScript Or nous avons ici la var resultat 



[PDF] TP Javascript - Free

10 fév 2013 · Reprendre le formulaire réalisé dans le TP HTML (contact html) et assurer son contrôle en javascript : on n'acceptera pas les champs non remplis 



[PDF] JavaScript - Travaux Pratiques 1

1 Écrivez une page HTML contenant un formulaire permettant d'obtenir la valeur absolue d'un nombre donné par l'utilisateur Le formulaire comprendra un 



Exercices Corrigés en JavaScript PDF - UnivScience

11 août 2019 · Javascript Cours et Exercices Corrigés PDF Problèmes résolus de JavaScript JavaScript (JS généralement abrégé) est un langage de programmation 



Exercice HTML corrigé formulaire HTML avec fonction Javascript

Exercice HTML corrigé formulaire HTML avec fonction Javascript tutoriel guide de travaux pratiques en pdf Ecrire le code permettant de réaliser le 





Série D-Exercices Corrigés en Javascript-Correction PDF - Scribd

Série D-'Exercices Corrigés en Javascript-Correction Téléchargez comme PDF TXT ou lisez en ligne sur Scribd Tp n°3 HTML 5 CSS3 4eme STI



[PDF] TP Javascript - IGM

TP Javascript Master de Bioinformatique Université de Rouen 1 Exercice Voici le listing d'un fichier HTML contenant du code javascript :



[PDF] TP 3 : Formulaires - LORIA

Dans cet exercice il n'est demandé ni d'utiliser CSS ni d'utiliser JavaScript Question 1 : Créer l'en-tête HTML le titre (avec une balise h1) et la phrase 



[PDF] PWB – TP JS - Rennes Login

A l'aide des formulaires et de fonctions Javascript réalisez un QCM dont le résultat (le nombre de réponses correctes) sera affiché dans un champs texte en bas 

:
IUT de Villetaneuse, Université Paris 13 2019-2020

DUT R&T 1

reannée

M1106 - Initiation au développement Web

TP3 : Formulaires

Étienne André, Laure PetrucciVersion du sujet : 26 novembre 2019 Ce TP s"effectuera individuellement. Vous rédigerez des pages HTML et des feuilles de style CSS

qui seront envoyées à l"enseignantavantla fin de la séance, par courrier électronique exclusivement.

Votre mail devra mentionner vos nom et prénom.

Tous les fichiers créés devront contenir en haut du fichier, en commentaires, vos nom et prénom.

Le code HTML devra impérativement être conforme au standard HTML5, et les caractères de-

vront s"afficher correctement quelle que soit la configuration du navigateur. Les feuilles de style CSS

devront impérativement être conformes au standard CSS3.Tout non-respect de ces consignes donnera lieu à une baisse significative de la note. Les exercices complémentaires ne sont pas obligatoires, mais les traiter donnera lieu à des points supplémentaires.Exercice 1 : Mon premier formulaire HTML5

Le but de cet exercice est de rédiger le code d"une page nomméeVotreNom-formulaire.html, et qui

doit avoir l"apparence de la page correspondante, en annexe du sujet (p. 5).

Il est rappelé que l"affichage de certains champs du formulaire peut légèrement différer selon le navi-

gateur utilisé. Dans cet exercice, il n"est demandé ni d"utiliser CSS, ni d"utiliser JavaScript.

Question 1

: Créer l"en-tête HTML, le titre (avec une baliseh1) et la phrase de bas de page.

Question 2

: Créer le formulaire avec la balise
. La cible (action) du formulaire sera

destination.html. Mettre en place le pourtour du formulaire à l"aide de la balise

; le texte

en haut à gauche du cadre s"obtient grâce à la balise.

Question 3

: Ajouter les champs noms et prénoms (typetext).

Question 4

: Ajouter le champ date de naissance (typedate).

Question 5

: Ajouter le champ lieu de naissance (typeradio); les balises nécessaires seront entourées de

balisesfieldsetafin d"obtenir l"aspect visuel du cadre (le texteLieu de naissances"obtient grâce à la

balise). Attention : il faut que le choix soit exclusif, c"est-à-dire qu"on ne puisse pas sélectionner

les deux boutons simultanément : pour cela, il faut que les différents boutons aient le mêmename(mais

uniddifférent).M1106 1/42019-2020 - IUT de Villetan euseQuestion 6: Ajouter le champ adresse postale (balisetextarea). La zone de texte fait 2 lignes et 30

colonnes. La syntaxe detextareaest la suivante :

Question 7

: Ajouter le champ code postal (typenumber).

Question 8

: Ajouter les champs adresse électronique et page personnelle (typesemaileturl).

Question 9

: Ajouter le champ téléphone portable (typetext).

Question 10

: Ajouter le champ semestre (balisesselect). La liste déroulante devra contenir les valeurs

S1, S2, S3 et S4. Pour chacune des valeurs, il faut mettre un champvalue(qui peut être identique à la

valeur affichée).

Question 11

: Ajouter le champ " niveau en HTML » (typerange). La barre devra aller de 0 (min="0") à 10 (max="10") avec des pas d"incrément de taille 1 (step="1").

Question 12

: Ajouter le champ connaissances (typecheckbox); les balises nécessaires seront entourées

de balisesfieldsetafin d"obtenir l"aspect visuel du cadre. Il faut que les différentes cases aient le même

name(mais pas le mêmenameque les deux boutons plus haut!).

Question 13

: Ajouter le bouton " Envoyer » (balisebuttonavec typesubmit).Exercice 2 : Mise en forme du formulaire

Question 1

: Effectuer unecopiede la page réalisée à l"exercice précédent, et la nommer VotreNom-formulaire2.html. Créer une feuille de style CSS viergeVotreNom-formulaire.css.

Question 2

: Ajouter àVotreNom-formulaire2.htmlun lien vers la feuille de style, en ajoutant dans l"en-tête HTML () une balise. Dans la suite de l"exercice, il conviendra de remplir la feuille de styleVotreNom-formulaire.cssde

façon à obtenir l"apparence de la page correspondante, en annexe du sujet (p.N 6). Les seules modifications

autorisées au fichier HTMLVotreNom-formulaire2.htmlseront l"ajout d"un nombre minimal d"attributs de typeclassouiddans le corps de la page. Toutes les autres modifications se feront dans le fichier CSS.

Question 3

: Modifier la feuille de style afin que toute la page (sélecteurbody) soit par défaut en police

de caractères à chasse fixe (font-family: monospace;).M1106 2/42019-2020 - IUT de Villetan euseQuestion 4: Mettre en forme le titre (sélecteurh1) comme suit : la marge supérieure (margin-top)

est de 2em, son alignement est centré (text-align:center;), et la barre inférieure est noire de largeur

10pixels (border-bottom: solid black 10px;).

Question 5

: Ajouter dans le code HTML unid="main"au cadre (fieldset) principal. Modifier la

feuille de style afin que l"espace (padding) entre le contenu du formulaire et ce cadre principal soit de

50pixels. Ceci ne doit pas s"appliquer aux deux sous-cadres " Lieu de naissance » et " Connaissances ».

Question 6

: Modifier la feuille de style afin que les légendes de cadres (sélecteurlegend) s"affichent en majuscules (text-transform: uppercase;).

Question 7

: Modifier la feuille de style afin que les étiquettes (sélecteurlabel) concernées s"affichent

en gras.

Question 8

: Modifier la feuille de style afin que les étiquettes soient toutes alignées à gauche, et que

les champs s"affichent tous alignés à une distance de 250pixels de la partie gauche de l"étiquette. On

utilisera une solution qui ajoutera à un sélecteur d"étiquette (label) une largeur de 250pixels ainsi que

les propriétésdisplay: block;etfloat: left;.

Question 9

: Mettre en forme le cadre connaissances : la couleur du texte est rouge, celle du fond est #C0C0FF.

Question 10

: Mettre en forme la phrase en bas de page, comme suit : cette phrase est séparée de ce qui

précède d"un espace de 2em, les barres supérieures et inférieures sont bleues et d"une largeur de 5pixels,

le texte est centré, et sa taille estx-small.Exercice 3 (complémentaire) : Améliorations et vérifications

Dans cet exercice, nous allons améliorer le fichierVotreNom-formulaire2.html(et uniquement ce fichier). L"utilisation de JavaScript n"est pas demandée dans cet exercice.

Question 1

: Modifier votre formulaire pour que le semestre sélectionné par défaut soit S2.

Question 2

: Modifier votre formulaire pour que seule la case " HTML » soit cochée par défaut.

Question 3

: Modifier votre formulaire pour que le code postal ne puisse avoir que 5 chiffres au maximum.

Question 4

: Modifier votre formulaire pour que le numéro de téléphone portable soit un numéro de

téléphone français valide (10 chiffres commençant par un 06 ou 07). En cas d"erreur, le navigateur doit

afficher un message contenant " Numéro à 10 chiffres sans espace et commençant par 06 ou 07 ». (L"erreur

doit s"afficher lorsque l"on clique sur le bouton " Envoyer ».)M1106 3/42019-2020 - IUT de Villetan euseQuestion 5: Ajouter un bouton qui, lorsque l"on clique dessus, réinitialise tous les champs du formulaire

à leur valeur par défaut.M1106 4/42019-2020 - IUT de Villetan euse G quotesdbs_dbs5.pdfusesText_9
[PDF] le maroc et les droits de l homme

[PDF] droit humain maroc

[PDF] examen javascript corrigé

[PDF] conjoncture économique mondiale 2016

[PDF] economie mondiale classement

[PDF] economie mondiale pdf

[PDF] l'économie mondiale 2017 pdf

[PDF] economie mondiale 2017 classement

[PDF] économie mondiale actuelle

[PDF] perspectives économiques mondiales 2017

[PDF] projet jazz cycle 2

[PDF] situation initiale élément perturbateur situation finale

[PDF] fiche jazz cp

[PDF] histoire du jazz cm1

[PDF] situation initiale du conte le petit chaperon rouge