You are on page 1of 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CLIENT'S FORMULAR</title>
<link rel="stylesheet" href="shihaja.css">
<style>
td {
padding: 1%;
}
div {
text-align: center;
}
</style>
</head>
<body>
<form action="/action_page.php">
<fieldset>
<legend>CLIENT</legend>
<table>
<tr>
<td><label for="civilité">Civilité </label></td>
<td><input type="radio" id="mademoiselle" name="civilité">
<label for="mademoiselle">mademoiselle</label>
<input type="radio" id="madame" name="civilité">
<label for="madame">Madame</label>
<input type="radio" id="monsieur" name="civilité">
<label for="monsieur">Monsieur</label>
</td>
</tr>

<tr>
<td><label for="fname">Nom/Prénom</label></td>
<td><textarea name="adresse" rows="1" cols="30"></textarea> </td>
</tr>
<tr>
<td><label for="adresse">Adresse</label></td>
<td><textarea name="adresse" rows="1" cols="30">Rue No/Boite postale
</textarea>
</td>
</tr>
<tr>
<td><label for="fname">No postal / localité</label></td>
<td><input type="text" id="fname" name="fname">
<input type="text" id="fname" name="fname">
</td>
</tr>
<tr>
<td><label for="Pays">Pays</label></td>
<td><select id="Pays" name="Pays">
<option value="Suisse" selected>Suisse</option>
<option value="Maroc">Maroc</option>
<option value="France">France</option>
<option value="Inde">Inde</option>
<option value="Gabon">Gabon</option>
</td>
</tr>
<tr>
<td><label for="Platforme"> Platforme(s)</label></td>
<td>
<input type="checkbox" id="Platforme1" name="Platforme1"
value="Windows">
<label for="Platforme1"> Windows</label>
<input type="checkbox" id="Platforme2" name="Platforme2"
value="Macintosh">
<label for="Platforme2">Macintosh</label>
<input type="checkbox" id="Platforme3" name="Platforme3"
value="Unix">
<label for="Platforme"> Unix</label>
</td>
</tr>

<tr>
<td> <label for="app">application</label> </td>
<td>
<select name="app" id="app" size="4" multiple>
<option value="bureatique" selected>bureatique</option>
<option value="DAQ" >DAQ</option>
<option value="statistique">statistique</option>
<option value="interp" selected>interp</option>
</select>
</td>
</tr>
</table>
</fieldset>
<div>
<input type="submit" value="soumettre formulaire" class="test">
<input type="reset" value="effacer" class="test">
</div>
</form>
</body>
</html>

You might also like