Question

我目前正在研究Google应用引擎和Kay框架（基于Django和Jinja2创建）。

这是我的应用 - ＆gt; http://cayotkanawa.appspot.com/display 您可以看到最后一列中有一些链接。我想用按钮替换它们。如果我点击一个按钮，将打开一个新页面，该页面中有链接和信息。

这是html文件的代码。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Top Page - myapp</title>
</head>
<body>

    {% if displaygolf %}
  <div id="displaygolf">
      <table border="1">
          <tr>
              <td>No</td>
              <td>ゴフル場名</td>
              <td>名義変換料</td>
              <td>URL</td>
          </tr>
          {% for golfelement in displaygolf %}
          <tr>
              <td></td>
              <td>{{ golfelement.golfname }}</td>
              <td>{{ golfelement.changenamefee }}</td>
              <td>
                  <a href="{{golfelement.url_1net}}">1net | </a> 
                  <a href={{golfelement.url_golfagora}}>Golfagora | </a> 
                  <a href={{golfelement.url_juchi}}>Juchi</a> 

              </td>

          </tr>
          {% endfor %}
      </table>

  </div>
    {% endif %}



</body>
</html>

Answer 1

这里与Django无关。将您的链接标记设置为target =“_ blank”

<a href="{{golfelement.url_1net}}" target="_blank" >1net | </a> 
<a href={{golfelement.url_golfagora}} target="_blank" >Golfagora | </a> 
<a href={{golfelement.url_juchi}} target="_blank" >Juchi</a>

Answer 2

完成按钮元素作为链接的快速而肮脏的方法是：

<form action="http://example.org" method="GET">
       <button>Link</button>
</form>

这验证了，但我不认为这是一个非常好的解决方案，你正在寻找。相反，我建议使用CSS来设置<a>标签的样式，使其看起来像按钮。

您可以在buttons的Twitter Bootstrap框架部分中看到一个示例。他们将<a>和<button>标签的样式设置为相同，这样您只需要使用Bootstrap就可以将CSS类应用于链接：

<a href="{{golfelement.url_1net}}" class="btn">1net | </a> 
<a href={{golfelement.url_golfagora}} class="btn">Golfagora | </a> 
<a href={{golfelement.url_juchi}} class="btn">Juchi</a>

如果您要创建自己的CSS类或使用其他框架，那么概念是相同的。

这个问题实际上与HTML和CSS有关，它独立于您正在使用的其他技术。

单击btn打开一个有链接的新页面

2 个答案: