我在一列中有一个带滑块的表格(表格的一部分)和一个按钮(链接到其他页面)
<button onclick="location.href='/main';">
<i class="icon icon-078-settings icon--s2" aria-hidden="true"></i>
</button>
按钮只是提交表单,而不是打开页面。我可以在不破坏表格或表格的情况下解决这个问题吗?
答案 0 :(得分:0)
为什么不使用锚标记
<a href='/main'>
<i class="icon icon-078-settings icon--s2" aria-hidden="true"></i>
</a>
或
# If you are using erb
<%= link_to '/main' do %>
<i class="icon icon-078-settings icon--s2" aria-hidden="true"></i>
<% end %>
答案 1 :(得分:0)
尝试以下代码:
<a href='/main' class="btn btn-primary">
<i class="icon icon-078-settings icon--s2" aria-hidden="true"></i>
</a>
如果您使用了bootstrap css,那么您可以添加创建按钮的类btn
和btn-paimary
。
答案 2 :(得分:0)
按钮只是提交表单,而不是打开页面。
是的!按钮用于执行影响前端或后端的操作,它们不适用于导航。您应该使用链接(a.k.a anchors)来执行导航。
<a href='/main'>
<i class="icon icon-078-settings icon--s2" aria-hidden="true"></i>
</a>