Ubuntu-fr

nam1962

[Résolu] Bouton en html avec lien

Je cherche a faire un lien à partir d'un bouton.
J'ai trouvé deux syntaxes, laquelle est la plus transparente ?

<form>
    <button formaction="https://supersite.com?ref=nam1962" target="_blank">action a prendre sur le supersite</button>
</form>

ou

<form method="GET" action="https://supersite.com?ref=nam1962" target="_blank">
<input type="submit" value="action a prendre sur le supersite">
</form>

Merci d'avance!

Dernière modification par nam1962 (Le 14/08/2016, à 12:15)

---

[ Modéré ]

abelthorne

Re : [Résolu] Bouton en html avec lien

Un lien avec un bouton ? C'est une idée bizarre, les boutons en HTML sont faits pour valider des éléments de formulaire. Si c'est pour une question d'apparence, il vaudrait mieux faire un lien (balise a) et le styler en CSS pour qu'il ait la même apparence qu'un bouton.

À part ça, la méthode "correcte" pour faire un bouton dans un formulaire HTML est la balise button mais elle posait problème avec Internet Explorer il n'y a pas si longtemps, donc pour des raisons de compatibilité on continue plutôt à utiliser un input de type submit en général.

nam1962

Re : [Résolu] Bouton en html avec lien

Tu veux dire ceci ?

<a href="https://supersite.com?ref=nam1962" target="_blank"><button>action a prendre sur le supersite</button></a>

Dernière modification par nam1962 (Le 14/08/2016, à 11:01)

---

[ Modéré ]

nam1962

Re : [Résolu] Bouton en html avec lien

En fait, il y aura un call for action particulier sur le bouton et il s'intergre dans une UX particulière.

je découvre du coup qu'il y a tant de syntaxes possibles que c'est confusionnant !

<form action="https://supersite.com?ref=nam1962" target="_blank">
    <button type="submit">action a prendre sur le supersite</button>
</form>

Je vois celui-ci, ne serait ce pas le plus propre ?

<form action="https://supersite.com?ref=nam1962" target="_blank">
<button type="link">action a prendre sur le supersite</button>
</form>

Dernière modification par nam1962 (Le 14/08/2016, à 11:01)

---

[ Modéré ]

abelthorne

Re : [Résolu] Bouton en html avec lien

Tu veux dire ceci ?

<a href="https://supersite.com?ref=nam1962" target="_blank"><button>action a prendre sur le supersite</button></a>

Non, sans la balise button :

<a href="https://supersite.com?ref=nam1962" target="_blank">action a prendre sur le supersite</a>

Je vois celui-ci, ne serait ce pas le plus propre ?

<form action="https://supersite.com?ref=nam1962" target="_blank">
<button type="link">action a prendre sur le supersite</button>
</form>

Je ne comprends pas bien ce que tu essaies de faire : l'adresse dans le paramètre action du formulaire, c'est l'adresse de la page qui va traiter les données rentrées dans celui-ci (données que tu obtiens au format GET ou POST). C'est pas censé être une redirection, ce que tu fais est une grosse bidouille pas très propre.

nam1962

Re : [Résolu] Bouton en html avec lien

J'ai du mal m'expliquer, je sais bien qu'un lien est la manière la plus propre d'amener sur un autre site, dans le cas d'espèce, le lien correspond a un contexte et contient un message d'action.
L'idée est "cliquez ce bouton pour aller faire telle action sur tel site"

Après tests, le seul qui semble fonctionner est encore un autre :

<a href="https://supersite.com/?ref=nam1962" target="_blank">
  <input class="button" value="action a prendre sur le supersite">
</a>

Qu'en pensez vous ?
Dans le tas des syntaxes, y en a t'il a surtout éviter ?

Dernière modification par nam1962 (Le 14/08/2016, à 11:40)

---

[ Modéré ]

abelthorne

Re : [Résolu] Bouton en html avec lien

Sans être plus précis sur le contexte exact, j'ai du mal à comprendre ce que tu cherches à faire. Là, la balise input ne sert à rien, d'autant qu'elle n'a même pas de type défini.

En gros, soit tu as un formulaire dans lequel tu as des champs (texte ou autre) et un bouton (balise button ou input de type submit) pour valider le formulaire et ensuite le traiter ; soit tu as un lien (qui peut être placé physiquement dans le formulaire) qui mènera à une autre page et qui te fera sortir du formulaire (donc sans données à traiter).

Si ton problème à la base c'est d'avoir un lien qui ressemble à un bouton, c'est quelque chose qui se réglerait plutôt en définissant son apparence en CSS (si tu styles déjà les autres éléments).

Et si vraiment tu veux avoir un bouton sans styler son apparence dans ton lien, la bidouille la plus propre serait d'utiliser la balise button :

<a href="https://supersite.com/?ref=nam1962" target="_blank">
  <button>action a prendre sur le supersite</button>
</a>

Dernière modification par abelthorne (Le 14/08/2016, à 12:03)

nam1962

Re : [Résolu] Bouton en html avec lien

Ok, je vais partir sur ça.
Merci !

(le formulaire dépendra du "supersite", donc une intégration se fera sans doute dans un second temps)

---

[ Modéré ]