我可以在表单元素中使用锚链接吗?

时间:2018-04-19 19:13:26

标签: html forms tags anchor

我的网站底部有一个锚标记我想从顶部跳转到。但是我想将跳转链接放在表单元素中。

<form name=sortby onClick='submit()' method='get'>
  <div>
    <input type=radio name=sortby value=name onClick='submit()'>
    Sort By Name
  </div>
  <div>
    <a href='#bottom'>There are 587 entries on this page</a>
  </div>
  <div>
    <input type=radio name=sortby value=date onClick='submit()'>
    Sort By Date
  </div>
  <input type=hidden name=artist value=''>
</form>
<a id='bottom' href='#top'>Back to the top</a>

我已经完成了一个测试,我把锚链接放在表单代码之外,然后就可以了。将元素置于元素中是否有一些禁忌?

我所遇到的是,该页面使用Windows 7中的每个Chrome,Firefox,Internet Explorer浏览器跳到底部并立即返回到顶部。请注意,在Firefox中,在跳转到顶部好像浏览器正在处理某些内容。

2 个答案:

答案 0 :(得分:0)

链接本身不会影响表单功能,如果这是问题。这或多或少是语义的一种情况。这不是一个很好的练习,但它也不会破坏任何东西。

答案 1 :(得分:0)

我发现了我的问题......最重要的一行应改为:

<form method='get'>

摆脱onClick ='submit()'是关键。基本上单击表单元素中的任何位置提交表单。它永远不会让我实际点击表单元素“后面/下面”的链接。