Les descriptions des champs d'un formulaire (plus facile à effacer à l'écran que sur du papier) pourraient-elles figurer, dans certains cas, à l'intérieur de ceux-ci, quitte à disparaître (avec le «focus») lors de leur activation par la touche tabulation ?
Bien que les constructeurs semblent s'ingénier, avec la complicité du W3C, à nous imposer des complications tendant, par exemple, à nous faire cliquer à coté des champs pour les activer, de telles possibilités parraissent accessibles avec des formes plus ramassées...
Malheureusement, si les versions les plus récentes de FireFox, Opéra et Safari autorisent encore cette fonctionnalité (on pourrait souhaiter que le rechargement des pages rétablisse le questionnaire dans son état initial), celle-ci parait plus difficile à obtenir avec Internet Explorer 6 ou 7. Comment faire pour retrouver, non seulement le focus, mais encore le trait clignotant correspondant sur ces navigateurs ?
Modifié par Julien de Prabere (21 Nov 2008 - 16:40)
Bien que les constructeurs semblent s'ingénier, avec la complicité du W3C, à nous imposer des complications tendant, par exemple, à nous faire cliquer à coté des champs pour les activer, de telles possibilités parraissent accessibles avec des formes plus ramassées...
Malheureusement, si les versions les plus récentes de FireFox, Opéra et Safari autorisent encore cette fonctionnalité (on pourrait souhaiter que le rechargement des pages rétablisse le questionnaire dans son état initial), celle-ci parait plus difficile à obtenir avec Internet Explorer 6 ou 7. Comment faire pour retrouver, non seulement le focus, mais encore le trait clignotant correspondant sur ces navigateurs ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr">
<head>
<title>Formulaire</title>
<style type="text/css">
body {margin:0px;padding:40px;font:18px Georgia,Garamond,Serif;text-align:center;background:#ffc;color:#600}
#page {display:block;margin:0px auto;padding:20px;border:0px;width:320px;background:#c96}
h1 {margin:15px;padding:0px;font-weight:bold;font-size:130%}
span {font-size:80%}
input {margin:7px;padding:3px;border:1px solid #000;font:16px Georgia,Garamond,Serif;background:#ffc}
#page a {text-decoration:none;color:#600}
#page a:hover {text-decoration:underline}
.enrg {margin-top:20px}
</style>
<script type="text/javascript">
function fcs(t){
if (t.value==t.defaultValue) t.value='';
return true
}
function tst(){return true}
</script>
</head>
<body>
<div id="page">
<form id="frm" method="POST" action="formulaire.html">
<h1>Pour de<br>nouveaux formulaires</h1>
<input id="pre" name="pre" type="text" value="Votre prénom" onfocus="fcs(this)"><br>
<input id="nom" name="nom" type="text" value="Votre nom" onfocus="fcs(this)"><br>
<input id="crl" name="crl" type="text" value="Votre adresse" onfocus="fcs(this)"><br>
<input id="nrg" name="nrg" type="button" title="Soumettre le formulaire" class="enrg" value="Enregistrer">
<input type="button" title="Initialiser le formulaire" value="Annuler" onclick="document.getElementById('frm').reset()">
</form>
</div>
</body>
</html>
Modifié par Julien de Prabere (21 Nov 2008 - 16:40)
