Remplacer une balise <INPUT> par une balise <BUTTON> ou <a href>

Bonjour,

je suis en train d'essayer de relooker une ancienne application php et je souhaiterais remplacer dans un formulaire le vieux bouton <INPUT> par un bouton <BUTTON> voire un lien <A HREF=...>.

Pour faire simple, j'ai actuellement ceci qui fonctionne :

Code:

---

1 2 3 4 5

<FORM NAME="form_11" ACTION="index.php" METHOD="POST"> <INPUT TYPE=HIDDEN NAME="idRub" VALUE="5"> ... <INPUT TYPE="submit" NAME="11_valider" VALUE="Valider" > </FORM>

---

J'ai essayé sans succès de le remplacer par :

Code:

---

<button type="submit" class="bouton" NAME="11_valider" title="Créer">Créer</button>

---

ceci

Code:

---

<a href="javascript:document.form_11.submit();">Créer</a>

---

cela

Code:

---

<a href="#" class="bouton" title="Créer" onclick="javascript:document.form_11.submit();">Créer</a>

---

A chaque fois, j'ai l'impression que le clic sur le bouton me renvoie bien sur mon fichier index.php, mais sans tenir compte du POST.
Je dois passer à côté d'un truc simple, mais vu qu'il ne me reste plus beaucoup de cheveux, je vous soumets mon problème!:oops:

Merci d'avance!:lol:

R.

Dernière précision, l'application est lancé sur IE6 ou 8.

Bonsoir,

Citation:

---

(...)remplacer dans un formulaire le vieux bouton <INPUT>(...)

---

il est usé à ce point?
Quelle drôle d'idée, si ton INPUT soumet le formulaire celui ci doit être un INPUT type submit point.

Le "dépoussiérage" peut venir du CSS.

Citation:

---

Envoyé par NoSmoking

Bonsoir,
Quelle drôle d'idée, si ton INPUT soumet le formulaire celui ci doit être un INPUT type submit point.

Le "dépoussiérage" peut venir du CSS.

---

Il me semblait que IE6 ne savait pas gérer les "attribute selectors".
Je me trompe?

La nuit porte conseil : IE6 ne sait en effet pas gérer l'écriture input[type=submit] {...}, mais je dois pouvoir faire quelque chose en utilisant input.classe_boutton {...} dans un css.
Par contre, je peux m'assoir sur mes images dans mes boutons...

Sinon, pour faire avancer le schmilblick, quelqu'un peut m'expliquer pourquoi mon code ne marche pas?

bon, si tu veux remplacer pour avoir un graphique différent tu peux tout simplement utiliser le <input type='image' /> cela remplace le submit.

la raison pour laquelle ton code ne marche pas et du au fait qu'un lien pointe vers une page directement alors qu'un formulaire transmet les données qu'il contient. donc en gros tu va d'une page a l'autre sans tenir compte des informations du formulaire d'où le plantage.

après si tu tiens à utiliser absolument le type bouton alors il te faudra gérer en javascript un onclick qui appelera une fonction effectuant un form.submit de ton formulaire.

In n'y a pas de raison pour que ça ne fonctionne pas :koi:
En écrivant proprement (noms des balises et attributs en minuscule) :

Code:

---

1 2 3 4 5

<form name="form_11" action="index.php" method="post"> <input type="hidden" name="idRub" value="5"> ... <button type="submit" class="bouton" name="11_valider" title="Créer">Créer</button> </form>

---

1/ <button>...</button> doit être avant la balise </form>
2/ vérifier aussi qu'au retour du formulaire, tu n'as pas mis :

Code:

---

1 2	if(isset($_POST['11_valider']) && $_POST['11_valider']=="Valider"){ // traitement...

---

(puisqu'il n'y a plus de value="Valider" sur le button !)

Code:

---

1 2	if(isset($_POST['11_valider'])){ // traitement...

---

Par défaut un BUTTON dans une FORM est de type SUBMIT, ce qui parfois pose problème justement ;)

Le but est bien de soumettre le formulaire, non ? Donc no problemo.

A moins que ça vienne d'IE6 ou IE8, qui interprètent mal ?
Ou manque de doctype ?

Pour ma part, je n'ai jamais eu de souci. J'ai des <button type="submit" ...> dans tous mes formulaires.

Citation:

---

Envoyé par jreaux62

Le but est bien de soumettre le formulaire, non ? Donc no problemo.

---

sans aucun doute, le "ce qui parfois pose problème justement" est lié au fait qu'en absence de type certains ne comprennent pas pourquoi le formulaire est soumis, ce n'était qu'un rappel.

Citation:

---

IE6 ne sait en effet pas gérer l'écriture input[type=submit] {...}

---

Pour paraphraser Staline : "IE6, c'est combien de divisions part de marché ?"

Notons aussi qu'avec HTML5, un input n'a pas besoin d'être dans une balise <form>. Le nouvel attribut form permet d'indiquer à quel(s) formulaire(s) il est relié. ;)