HELP Formulaires

HELP Formulaires - HTML/CSS - Programmation

Marsh Posté le 12-05-2005 à 14:56:45    

Salut,
 
J'ai réalisé des formulaires avec le code suivant :
 
echo "<form name='nom' action='page2.php'>
        <input type='text' name='var1'></input>
        <input type='text' name='var2'></input>
        <input type='submit' value='OK'></input>
</form>";
 
Comment faire pour que le curseur se place dans la première case quand la page se charge ??
Est ce qu'on peut redimensionner le "<input type='submit'" pour qu'il soit plus large ??
 
Merci


Message édité par Zantetsuken le 12-05-2005 à 15:00:18
Reply

Marsh Posté le 12-05-2005 à 14:56:45   

Reply

Marsh Posté le 12-05-2005 à 14:58:33    

Poste dans la cat HTML.
Sinon, bah je sais pas, faut regarder du côté de OnLoad, peut être en JS.
Faut demander à FlorentG

Reply

Marsh Posté le 12-05-2005 à 15:01:27    

Oki je l'ai mis dans HTML.
C'est qui FlorentG ?

Reply

Marsh Posté le 12-05-2005 à 15:02:06    

C'est le Zoro du W3C

Reply

Marsh Posté le 12-05-2005 à 15:07:52    

TADA §§§§§
 
http://balr0g.free.fr/hfr/img/Superman2.jpg
 
 
Alors oublie pas de mettre des id et des labels sur ton formulaire, et de virer tout ce qui est pas standard (name sur le form, les </input> ) :

<form id="nom" action="page2.php">
  <div>
    <label for="var1">Var1</label><input type="text" name="var1" id="var1" /><br />
    <label for="var2">Var2</label><input type="text" name="var2" id="var2 /><br />
    <input type="submit" value="OK" />
  </div>
</form>


 
Ensuite un p'tit JS qui ressemble à :

function pouet() {
  document.getElementById('var1').focus();
}
window.onload = pouet;


Que tu placera dans un fichier machin.js, qui sera référencé dans le <head> de ta page sous cette forme :

<script type="text/javascript" src="machin.js"></script>


Message édité par FlorentG le 12-05-2005 à 15:08:19
Reply

Marsh Posté le 12-05-2005 à 15:09:52    

J'ai dis zorro .....pas superman

Reply

Marsh Posté le 12-05-2005 à 15:10:36    

Spagrave :o

Reply

Marsh Posté le 12-05-2005 à 15:10:45    

Oki merci beaucoup Monsieur G


Message édité par Zantetsuken le 12-05-2005 à 15:11:15
Reply

Marsh Posté le 12-05-2005 à 15:10:53    

window.onload = function() {
     var e = getElementById('l_id_de_l_element');
     e.focus();
}
 
<form name='nom' action='page2.php' method='post'>
        <input type='text' name='var1' id='l_id_de_l_element' />
        <input type='text' name='var2' />
        <input type='submit' value='OK' />
</form>
 
Et revois la syntax de <form> : il faut preciser la methode d'envoi des données
 
Edit : Tant pis pour moi :p grillé :]


Message édité par afbilou le 12-05-2005 à 15:14:53
Reply

Marsh Posté le 12-05-2005 à 15:11:29    

Héhé, grillé :D

Reply

Marsh Posté le 12-05-2005 à 15:11:29   

Reply

Marsh Posté le 12-05-2005 à 15:24:31    

Une petite question (simplement pour mon info parce que ca fait des lustres que j'ai pô toucher a du HTML):
Quitte à utiliser du JS, est ce qu'on aurait pas pu mettre un truc du style :
"<body onLoad="document.nom.var1.focus();">" dans la page ? :??:
 
Je sais pas, ca réponds peut être pas au W3C...

Reply

Marsh Posté le 12-05-2005 à 15:28:18    

Les DOM ont evolué ... et proposent des methodes plus simples et plus efficaces.
 
De plus ca permet de correctement separer contenu (X)HTML et javascript :)


Message édité par afbilou le 12-05-2005 à 15:30:35
Reply

Marsh Posté le 12-05-2005 à 15:30:49    

puLKai a écrit :

Une petite question (simplement pour mon info parce que ca fait des lustres que j'ai pô toucher a du HTML):
Quitte à utiliser du JS, est ce qu'on aurait pas pu mettre un truc du style :
"<body onLoad="document.nom.var1.focus();">" dans la page ? :??:
 
Je sais pas, ca réponds peut être pas au W3C...


Comme l'a signalé adiflbldibibidbidou, vaut mieux séparer comportement et le reste. Et aussi un truc genre document.nom.var1 est presque obsolète. Ca marche, mais c'est osbolète, donc y'a mieux et plus standard ;)

Reply

Marsh Posté le 12-05-2005 à 15:33:20    

OK ! Merci les gars ! :)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed