Solution exercice fiche TP 2
<html>
<head>
<title>Inscription</title>
<style type="text/css">
legend{
text-transform: uppercase;
font-style: italic;
font-weight: bold;
}
label{
width: 150px;
float: left;
}
span{
color: darkblue;
}
fieldset{
border: 3px solid green;
}
input[type="submit"],input[type="reset"]{
margin: 10px;
background-color: lightblue;
border-radius: 15px;
width: 150px;
font-size: 16px;
}
</style>
</head>
<body>
<h1>Formulaire d'inscription</h1>
<form method="GET" action="[Link]">
<fieldset>
<legend>Informations </legend>
<div>
<label for="nom">Nom</label>
<input type="text" name="nom" id="nom" placeholder="Votre nom">
</div>
<div>
<label for="prenom">Prénom</label>
<input type="text" name="prenom" id="prenom" placeholder="Votre
prénom">
</div>
<div>
<label for="mail">E-mail</label>
<input type="text" name="mail" id="mail" placeholder="Votre
email">
</div>
<div>
<label for="tel">Téléphone</label>
<input type="text" name="tel" id="tel" placeholder="Numéro
telephone">
</div>
<div>
<label for="entreprise">Entreprise</label>
<select>
<option value="noSelect"></option>
<option value="usto-mb">Univesité des Sciences et de la
Technologie d'Oran-MB</option>
<option value="ubbat">Université Belhadj Bouchaib Ain
Témouchent</option>
<option value="uabt">université Abou Bekr Belkaid
Tlemcen</option>
</select>
</div>
<div>
<label for="dateR">Date recrutement</label>
<input type="date" name="dateR">
</div>
<div>
<fieldset>
<legend>Session 2022</legend>
<input type="radio" name="session" value="s1">
<span> janvier</span>
<input type="radio" name="session" value="s2">
<span> mai</span>
<input type="radio" name="session" value="s3">
<span> septembre </span>
</fieldset>
</div>
<div>
<fieldset>
<legend>Langages</legend>
<input type="checkbox" name="HTML" value="html">
<span> HTML</span>
<input type="checkbox" name="CSS" value="css">
<span>CSS</span>
<input type="checkbox" name="PHP" value="php">
<span>PHP</span>
</fieldset>
</div>
<div>
<label for="comment">Laisser un commentaire</label>
<textarea rows="7" cols="30"></textarea>
</div>
</fieldset>
<div>
<input type="submit" name="submit">
<input type="reset" name="reset">
</div>
</form>
</body>
</html>
