1. ホーム
  2. html

[解決済み] bootstrapでボタンにリンクを貼るには?

2022-03-15 09:55:01

質問

bootstrapでボタンにリンクを貼るにはどうしたらいいでしょうか?

の4つのメソッドがあります。

<a href="#" class="btn btn-info" role="button">Link Button</a>
<button type="button" class="btn btn-info">Button</button>
<input type="button" class="btn btn-info" value="Input Button">
<input type="submit" class="btn btn-info" value="Submit Button">

最初のものは私のために動作しません、ボタンが表示されず、リンクとテキストだけです、その私が使用しているテーマの感じがあります。

2番目のものは、私が望むものであるボタンを表示しますが、クリックしたときにボタンが別のページにリンクするようにするコードは何ですか?

乾杯

解決方法は?

ボタンのクリックイベントで関数を呼び出すことができます。

<input type="button" class="btn btn-info" value="Input Button" onclick=" relocate_home()">

<script>
function relocate_home()
{
     location.href = "www.yoursite.com";
} 
</script>

または このコードを使用する

<a href="#link" class="btn btn-info" role="button">Link Button</a>