0

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

这是我的应用程序-> 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>ゴフル場名&lt;/td>
              <td>名義変換料&lt;/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>
4

2 回答 2

1

将按钮元素用作链接的一种快速而肮脏的方法是：

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

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

您可以在 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 有关，它与您使用的其他技术无关。

于 2012-12-04T03:09:30.933 回答
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>
于 2012-12-04T02:58:54.273 回答