0

これらのボタンにリンクを追加する必要があります。

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

誰か助けてくれませんか?

4

4 に答える 4

4

HTML を変更できるかどうかに応じて、いくつかのオプションがあります。

HTML を変更してボタンを通常のボタンにする<a href="http://www....">link</a> か、onclick イベントを追加できる場合:

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

HTML を変更できない場合は、jQuery などを使用してボタンを取得し、そこに onclick イベントを追加します。

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

ただし、可能であれば、ボタンを通常のリンクに変更することをお勧めします。<button>リンクとして機能する要素を持つことは意味がありません...

于 2012-12-21T12:11:27.197 に答える
3

タグを本当に使用する必要がある場合は、次<button>のリンクを追加できますJavascript

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

<a>の代わりにタグを使用<button>し、CSS でスタイルを設定してボタンのように見せる方が、より一貫した考えになると思います。このようにして、マークアップのデフォルトの動作に依存し、Javascript を使用する必要がなくなります。

于 2012-12-21T12:12:44.717 に答える
0
<input type="button" value="click for google" onClick="window.location='http://w­ ww.google.com' ">

またはあなたが使用することができます

<button onclick="document.location.href='link';­ return false;">Link Text</button>
于 2012-12-21T12:14:59.070 に答える
-2

次のような href 要素でボタンをラップするだけだと思います。

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

残りのボタンについても同じことを行います。「a href」タグで囲みます。

于 2012-12-21T12:08:36.947 に答える