0

画面に2つのボタンがあります。

 <div class="checksheet">
        <a href="http://some_link" target="_blank">
        <input class="btn btn-large btn-primary" type="button" value='Graph Search'>
      </a>
    </div>
    <div class="nchecksheet">
   <form action="/link" method="POST">
   <input class="btn btn-large btn-primary" type="submit" value='Analyze Topics'   onclick="$('#loading').show();">
    </form>
    <div id="loading" style="display:none; position:relative ;left:860px"><img src="{{ url_for('static', filename='img/newload.gif') }}" alt="" /></div>

</div>

問題は、最初のボタンがボタンのごく一部にハイパーリンクを持っているのに対し、「送信」タイプのボタンは問題ないということです。

つまり、「送信」ボタン全体がクリック可能です。

そして最初の部分では..非常に小さなストリップ（ボタンの上部）をクリックできます...

私は何が欠けています。

4

2 に答える 2

2

入力タグをアンカー タグ内に配置することはできません。

btnクラスにも<a>タグを付けてボタンのように見せることができるTwitterブートストラップを使用していると思います。

<div class="checksheet">
    <a href="http://some_link" target="_blank" class="btn btn-large btn-primary">
    Graph Search
    </a>
</div>
<div class="nchecksheet">
    <form action="/link" method="POST">
        <input class="btn btn-large btn-primary" type="submit" value="Analyze Topics" onclick="$('#loading').show();">
    </form>
    <div id="loading" class="hide" style="position: relative; left:860px;">
        <img src="{{ url_for('static', filename='img/newload.gif') }}" alt="" />
    </div>
</div>
于 2013-03-08T18:16:16.960 に答える
1

試す...

<div class="checksheet">
        <input type=button class="btn btn-large btn-primary" onClick="location.href='http://some_link'" value='Graph Search'>
    </div>
     <div class="nchecksheet">
   <input type=button class="btn btn-large btn-primary" onClick="location.href='http://some_link'; onclick="$('#loading').show();" value='Analyze Topics'>
    <div id="loading" style="display:none; position:relative ;left:860px"><img src="{{ url_for('static', filename='img/newload.gif') }}" alt="" /></div>
</div>
于 2013-03-08T18:30:17.723 に答える