Umsetzung link in HTML/CSS-Taste

Muss ich hinzufügen, einen link in diese Tasten:

<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>

Kann mir jemand helfen?

  • Was meinst du mit, die Sie benötigen, um einen link hinzufügen in die Tasten... ein link zu was?
  • Ein hyper-link zu einer anderen Seite.
  • Versuchen Sie die Lösung in das ALSO Antwort stackoverflow.com/a/2906586/96505
  • Gibt es einen bestimmten Grund, du bist nicht nur mit einem href-element und styling aussieht wie ein button mit CSS?
  • Haben Sie einen Blick auf dieses Beispiel
  • müssen Sie überdenken Ihrer Wahl für die richtige Antwort

InformationsquelleAutor Edward | 2012-12-21
  1. 4

    Haben Sie mehrere Optionen, je nachdem, ob Sie ändern die HTML:

    Wenn Sie ändern, können Sie die HTML -
    machen die Schaltflächen in einer regelmäßigen <a href="http://www....">link</a>
    oder können Sie eine onclick-Ereignis: 

    <button class="action bluebtn" onclick="javascript:document.location='some-url'">
    <span class="label">CREATE NEW ACCOUNT</span>
</button>

    Wenn Sie können nicht ändern die HTML, schnappen Sie sich den Tasten mit so etwas wie jQuery und fügen Sie der onclick-Ereignis gibt es:

    $("button.bluebtn").click(function(){
    document.location = 'some-url';
    return false;
});

    Aber ich empfehlen, verändern die Tasten in normale links, wenn Sie können. Mit <button> Elemente fungieren als links, macht keinen Sinn...

    • Machen Sie die Anker und styling Ihnen wie die Tasten zu schlagen imo
    • Sie haben Recht, ich war noch damit beschäftigt, zu versuchen, um das Teil 😉
    InformationsquelleAutor Reinder Wit
  2. 2

    Wenn Sie wirklich brauchen, um verwenden Sie die <button> tag, können Sie fügen Sie den link mit Javascript:

    <button onclick="location.href='url_address'">Your HTML content</button>

    Denke ich, es wäre konsequenter gedacht verwenden <a> - tags anstelle von <button>'s und dann style diese mit CSS zu schauen, wie die Tasten.
    Auf diese Weise verlassen Sie sich auf das Standardverhalten von markup und vermeiden, dass Javascript verwendet.

    InformationsquelleAutor nienn
  3. 0
    <input type="button" value="click for google" onClick="window.location='http://w­ ww.google.com' ">

    oder Sie können

    <button onclick="document.location.href='link';­ return false;">Link Text</button>
    InformationsquelleAutor rOcKiNg RhO
  4. -2

    Ich denke, dass Sie nur wickeln Sie die Taste mit a href-element wie folgt:

    <div class="buttons">
  <a href="your link here"><button class="action bluebtn"><span class="label">CREATE NEW ACCOUNT</span></button></a>
</div>

    und tun dasselbe für den rest der Tasten. Wickeln Sie Sie mit "a href" - tag.

    • funktioniert in den meisten Browsern - ist nicht gültig, wenn
    InformationsquelleAutor Sahil
Schreibe einen Kommentar