制作一个可点击链接按钮

-2

所以我有一个片段，我用它来构建一些按钮。制作一个可点击链接按钮

<a href="http://google.com"><font color=white><button class="button"><span>Register</span></button></font></a> 
<button class="button" onclick="window.location='http://www.google.com';"><span>SP Training</span></button> 
<button class="button"><span>Assistance</span></button> 
<button class="button"><span>Orders</span></button> 
<button class="button"><span>KM Milsuite</span></button> 
<button class="button"><span>TMT</span></button>

正如你可以看到我已经试过包装在HREF整个事情，我已经试过包装在HREF的跨度，我已经试过包装刚刚在HREF的字体，都以失败告终

好了，所以我长途跋涉下了Java世界，并尝试了一些点击（我发现在这个网站上的许多变化）没有一个工作！每个按钮都是可点击的，但每个按钮都只是简单地链接到我目前正在处理的页面。我绝不是这方面的专家，但我希望能有一点点投入！

有什么建议吗？

来源

2017-07-18 John Ammons

我不知道他们是否会解决什么，但按钮元素需要一个类型=“按钮”否则默认为type =”提交“ – Benneb10

它是否需要成为一个实际的按钮元素？你可以将你的设计得像一个按钮。 – mcgraphix

为什么你将它们包装在一个优先于点击的锚标签中？您必须将丢弃，或者使用* external *事件处理程序来防止单击按钮时发生默认操作。这将阻止href被触发。 –

按钮的目的是为了之一：

提交表单（type="submit"，默认值）
允许JavaScript被触发（type="button"）

，你可以看我已经试过包装整个东西

HTML规范禁止这样做。

我试图包裹跨度HREF

跨度似乎起不到任何作用

每个按钮是一个可点击的，但每个按钮只是链接回页我是目前正在工作

如果点击按钮重新加载当前页面，那么它可能是一个提交按钮里面的for m的动作属性可解析为当前页面（或无动作属性）。

如果你想要一个链接，然后使用链接和不要使用按钮。

如果你想你的链接到看就像一个按钮，然后使用CSS样式这种方式。请注意，:active伪类对于单击链接时实现3d压低效果非常有用。

来源

2017-07-18 16:12:39 Quentin

按钮内的span标签捕捉点击操作。您必须从“冒泡”链中取出跨度。

最简单的方法是应用CSS并将该类添加到您的span标签。

span.nonclickable { 
    pointer-events: none; 
}

之后，您可以捕获按钮点击。更详细的解释可以在这里找到：Use CSS to make a span not clickable

这是不是很清楚你想要这些按钮来做什么。使用标签链接到其他页面，并使用按钮来引用JavaScript或表单提交中的操作。

来源

2017-07-18 16:14:30 Daniel

如果我删除了Span，我失去了按钮的动作，当它悬停时，它将执行一定的操作以显示您正在将它徘徊，删除Span删除操作 –

我看不到您的CSS，看看您有什么影响span标签。在我看来，你只有文本。为什么不移除span标签，并将悬停效果放在按钮本身上。更好的是，如果你只是链接到一个href属性，只需要一个标签并根据你的喜好设计它。 – Daniel

-1

你可以试试这个：

<input type="button" onclick="myF()" /> 

<script> 
    function myF() { 
    window.open('http://www.google.com', '_blank', 'resizable=yes'); 
    } 
</script>

希望它可以帮助

来源

2017-07-18 16:59:02

制作一个可点击链接按钮

回答

相关问题