Ceci est une ancienne révision du document !

DIU

Participation au DIU EIL 2019

Voir la page du DIU EIL sur le site de la licence.

Lien vers quelques contenus :

Bloc1, Mercredi : Prog Web : HTML,CSS, javascript
Bloc 4 (sur nuage)

Divers liens

Solution du formulaire

<!DOCTYPE html> <html lang=“fr”>

<head>
	<title>Exemple de formulaire</title>
	<meta charset="utf-8">
	<link href="Form_style.css" rel="stylesheet" type="text/css">
	<script src="Form_scripts.js" type="text/javascript"></script>
</head>
<body>
	<!-- Titre du formulaire -->
	<p>Formulaire d'inscription</p>

	<form name="formulaire" method="get" action="https://webia.lip6.fr/~muratetm/diu/Form_data.php" target="_blank">
		
		<!---------------------------------------------->
		<!-- Partie 1 : Renseignements administratifs -->
		<!---------------------------------------------->
		<p>Renseignements administratifs</p>
		<!-- Nom -->
		<div>
			<label for="Nom">Nom&nbsp;</label>
			<input class="Required" name="Nom" size="50" maxlength="40" type="text">
		</div>
		<!-- Prénom -->
		<div>
			<label for="Prenom">Prénom&nbsp;</label>
			<input class="Required" name="Prenom" size="50" maxlength="30" type="text">
		</div>
		<!-- Email -->
		<div>
			<label for="Email">Email&nbsp;</label>
			<input class="Required" name="Email" id="Email" onfocusin="resetColor(this)" onfocusout="checkEmail(this)" size="50" maxlength="48" type="text">
		</div>
		
		<!-------------------------------------->
		<!-- Partie 2 : Options d'inscription -->
		<!-------------------------------------->
		<p>Options d'inscription</p>
		<!-- Présence dinner Gala -->
		<div>
			<label for="Dejeuner">Présence au déjeuner&nbsp;</label>
			<select name="Dejeuner" onchange="cacherMontrerRestrictionsAlimentaires(this)"> 
				<option value="Non">Non</option>
				<option value="Oui">Oui</option>
			</select>
		</div>
		<!-- Précisions restrictions alimentaires -->
		<div class="Hidden" id="RestrictionsCanvas">
			<label for="Restrictions">Merci d'indiquer vos restrictions alimentaires&nbsp;</label>
			<input name="Restrictions" size="50" maxlength="60" type="text">
		</div>
		
		<!--------------------------->
		<!-- Partie 3 : Validation -->
		<!--------------------------->
		<!--<input value="Valider l'inscription" type="submit">-->
		<input value="Valider l'inscription" type="button" onclick="valider()">
	</form>
</body>

</html>