<html>
<head>
<style type="text/css">
body {font-family:Calibri;font-size:12px;font-weight:bold;}
INPUT {
color:grey;
background-color:#ffffff;
font-size:12px;
font-family:Calibri,arial;
border:1px solid LightGray;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
width:220px;
font-variant: small-caps;
}
INPUT:hover {
border:1px solid DeepSkyBlue;
}
.submit {
width:50px;
background-color:LightGray;
border:1px solid LightGray;
}
.result {
background-color:LightGray;
border:1px solid LightGray;
color:grey;
}
.result:hover {
background-color:LightGray;
border:1px solid DeepSkyBlue;
}
a {
text-decoration:none;
color:grey;
}
a:hover {
text-decoration:none;
color:DeepSkyBlue;
}
</style>
<script type="text/javascript">
function generer() {
// Ne pas modifier si vous n'etes pas sur , rendez vous dans la section aide html/css de cssActif
var Nom = document.formulaire.Nom.value;
var Prénom = document.formulaire.Prénom.value;
var loge = document.formulaire.loge.value;
var ici = document.formulaire.ici.value;
// Un petit bonjour
document.formulaire.resultat.value = '<div style="background-color:LightGray;width:250px;padding:10px;font-family:Calibri;font-size:12px;"><b>Bonjour ,</b> <br><br> ';
// Ne pas modifier si vous n'etes pas sur , rendez vous dans la section aide html/css de cssActif
document.formulaire.resultat.value += '<b>Nom :</b> <font color="DeepSkyBlue">' + Nom + '</font><br><br>';
document.formulaire.resultat.value += '<b>Prénom(s) :</b> <font color="DeepSkyBlue">' + Prénom + '</font><br><br> ';
document.formulaire.resultat.value += '<b>Logement demande :</b> <font color="DeepSkyBlue">' + loge + '</font><br><br> ';
document.formulaire.resultat.value += '<b>ici :</b> <font color="DeepSkyBlue">' + ici + '</font><br><br>';
// Un petit aurevoir
document.formulaire.resultat.value += '<br><b> Bye Bye</b></div>';
}
</script>
</head>
<body>
<span style="font-variant:small-caps;"><a href="http://www.css-actif.com/">Â
GÃ
nÃ
rateur de formulaire - Hiro'- Â
</a> </span>
<form name="formulaire">
<br><font color="#000000">Nom :</font><br><input type="text" name="Nom" size="25" value="Nom" OnFocus="this.select();"><br>
<font color="#000000">Prenom(s) :</font><br><input type="text" name="Prénom" size="25" value="Prenom" OnFocus="this.select();"><br>
<font color="#000000">Logement demande :</font><br><input type="text" name="loge" size="25" value="Cathair - Zelionn - Pagoriens - Panthalassa" OnFocus="this.select();"><br>
<font color="#000000">Numero/nom de chambre/suite :</font><br><input type="text" name="ici" size="25" value="ici" OnFocus="this.select();"><br>
<font color="#000000">Colocataire(s) eventuel(s) :</font><br><input type="text" name="Nom et prenom" size="25" value="Nom et prenom" OnFocus="this.select();"><br>
<font color="#000000">Type de chambre</font><br><input type="text" name="Mixte - Unisexe" size="25" value="Mixte - Unisexe" OnFocus="this.select();"><br>
<br><input class="submit" type="button" value="Generer" OnClick="generer();">
<input class="submit" size="10" type="reset" value="Effacer"><br>
<textarea name="resultat" cols="28" rows="10" class="result"></textarea><br><br>
</form><noscript><a href="http://www.css-actif.com/">Hiro'</a></noscript><div style="width:250px;" class="result">Merci de ne pas copier le meme style que celui-ci</div>
</body></html>
Sam 30 Mar 2024, 22:07 par 
