1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86
| <!DOCTYPE html>
<html>
<head>
<title>Sondage d'entreprise</title>
<link href="style.css" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/css?family=Anton|Quicksand&display=swap" rel="stylesheet">
</head>
<body>
<h2 id="title">Sondage d'entreprise</h2>
<div id="main">
<p id="description">Collaboratrices, collaborateurs,</br>
Soucieux du bien être de ses employés, la compagnie vous propose de répondre à ce sondage afin de mieux répondre à vos besoins immédiats et sur le long terme.
</p>
<hr>
<form action="#" method="post">
<div class="form-item">
<input type="radio" name="genre" id="female" selected>
<label for="female"> Mme</label>
<input type="radio" name="genre" id="male">
<label for="male">M.</label>
</div>
<div class="form-item label-field-group">
<label for="name" id="name-label">* Nom :</label>
<input type="text" name="name" id="name" placeholder="Entrez votre nom" required>
</div>
<div class="form-item label-field-group">
<label for="email" id="email-label">* Email :</label>
<input type="email" name="email" id="email" placeholder="Saisissez votre email" required>
</div>
<div class="form-item label-field-group">
<label for="number" id="number-label">* N° ID :</label>
<input type="number" name="number" id="number" min="10000" max="99999" placeholder="Votre matricule" required>
</div>
<div class="form-item label-field-group">
<label for="department" id="departement-label">Votre secteur d'activités :</label>
<select name="department" id="department">
<option value="unknown">-- Choisissez votre secteur --</option>
<option value="management">Management</option>
<option value="IT">Informatique</option>
<option value="accountance">Comptabilité</option>
<option value="marketing">Marketing</option>
<option value="HR">Ressources Humaines</option>
</select>
</div>
<div class="form-item label-field-group">
<label for="status" id="status-label">Votre statut dans l'entreprise :</label>
<select name="status" id="status">
<option value="unknown">-- Choisissez votre statut --</option>
<option value="intern">Stagiaire</option>
<option value="junior">Junior</option>
<option value="senior">Sénior</option>
<option value="management">Manager</option>
</select>
</div>
<div class="form-item" id="dayoff-group">
<p class="form-description">Jour de liberté familiale souhaité :</p>
<input type="checkbox" name="monday-off" id="monday-off">
<label for="monday-off">Lundi</label></br>
<input type="checkbox" name="tuesday-off" id="tuesday-off">
<label for="tuesday-off">Mardi</label></br>
<input type="checkbox" name="wednesday-off" id="wednesday-off">
<label for="wednesday-off">Mercredi</label></br>
<input type="checkbox" name="thursday-off" id="thursday-off">
<label for="thursday-off">Jeudi</label></br>
<input type="checkbox" name="friday-off" id="friday-off">
<label for="friday-off">Vendredi</label></br>
</div>
<div class="form-item" id="subscription-group">
<p id="newsletter-despcrition" class="form-description">Inscrivez-vous à la newsletter ainsi qu'aux promotions proposé par l'entreprise.</p>
<input type="radio" name="subscription" id="newsletter-and-advantages" selected>
<label for="newsletter-and-advantages">La newsletter et les avantages CE</label></br>
<input type="radio" name="subscription" id="newsletter">
<label for="newsletter-and-advantages">La newsletter uniquement</label></br>
<input type="radio" name="subscription" id="no-subscription">
<label for="no-subsciption">Je ne souhaite pas d'abonnement</label></br>
</div>
<div class="form-item">
<p class="form-description">Des recommendations sur l'amélioration de la vie de l'entreprise :</p>
<textarea name="comments" id="comments" placeholder="Je pense que ..."></textarea>
</div>
<button type="submit" id="submit">OK</button>
</form>
</div>
</body>
</html> |
Partager