La mise en œuvre de lien en HTML/CSS bouton
J'ai besoin d'ajouter un lien dans l'un de ces boutons:
<div class="buttons">
<button class="action bluebtn"><span class="label">CREATE NEW ACCOUNT</span></button>
<button class="action redbtn"><span class="label">EDIT ACCOUNT</span></button>
<button class="action greenbtn"><span class="label">IMPORT EDI TEXT FILES</span></button>
<button class="action"><span class="label">LOG OUT</span></button>
</div>
Quelqu'un peut-il m'aider?
- Qu'entendez-vous par vous besoin d'ajouter un lien vers les boutons... un lien à quoi?
- Un hyper lien vers une autre page.
- Essayez la solution AFIN de Répondre à stackoverflow.com/a/2906586/96505
- Est-il une raison spécifique que vous n'êtes pas simplement en utilisant un élément href style et qu'il ressemble à un bouton avec du CSS?
- Jetez un oeil à cette exemple
- vous devez reconsidérer votre choix de la bonne réponse
Vous devez vous connecter pour publier un commentaire.
Vous avez plusieurs options, en fonction de si vous pouvez modifier le code HTML:
Si vous pouvez modifier le code HTML
rendre les boutons en un
<a href="http://www....">link</a>
ou vous pouvez ajouter un événement onclick:
Si vous ne pouvez pas modifier le code HTML, de saisir les boutons à l'aide de quelque chose comme jQuery et ajouter l'événement onclick là:
Mais je ne vous recommandons de changer les boutons dans les liens si vous le pouvez. Ayant
<button>
éléments agissant en qualité de liens n'a pas de sens...Si vous avez vraiment besoin d'utiliser le
<button>
balise, vous pouvez ajouter le lien avecJavascript
:Je pense qu'il serait plus cohérent pensé à l'utiliser
<a>
tags lieu de<button>
's et puis le style avec CSS pour ressembler à des boutons.De cette façon, vous compter sur le comportement par défaut de votre balisage et d'éviter d'avoir à utiliser du Javascript.
ou vous pouvez utiliser
Je pense que vous avez juste envelopper le bouton avec un href de l'élément comme suit:
et faire de même pour le reste des boutons. Enveloppez-les avec du "a href" tag.