如何使按钮的 url 链接在移动设备和台式电脑上工作答案

【问题标题】：How do I make a url link from a button work from mobile devices as well as desktop PC如何使按钮的 url 链接在移动设备和台式电脑上工作
【发布时间】：2019-03-27 12:02:35
【问题描述】：

我在网页中添加了 2 个按钮，每个按钮都有自己的 URL 链接。当我从 PC 或笔记本电脑单击按钮时，它可以完美运行。但是，当我在手机上的同一个网页上时，单击按钮没有任何作用。就像按钮在移动设备上被禁用一样。我搞不定。

我已经尝试搜索我的链接的不同变体，但我似乎找不到任何有影响的东西。

使用的 HTML 代码....

<form>
 <input style="width: 300px; padding: 20px; cursor: pointer; box-shadow: 6px 6px 5px; #999; -webkit-box-shadow: 6px 6px 5px #999; -moz-box-shadow: 6px 6px 5px #999; font-weight: bold; background: #deebc9 ; color: #000; border-radius: 10px; border: 1px solid #999; font-size: 150%;" type="button" value="Log in" onclick="window.location.href='https://myURLExample/login'" />
</form>

移动设备需要不同的标签吗？

【问题讨论】：

这是我使用的 HTML 代码
myExampleURL/login'" />
你能提供你的代码吗？
由于某种原因代码没有出现在问题文本中，所以将其添加为评论
我建议您在设备本身上调试代码，尽管这应该在所有设备上都可以正常工作
每个人都说它应该在每台设备上工作。检查是否在您的移动浏览器上激活了 JS。如果它仍然不起作用并且您只进行导航，则可以使用带有某种 css 样式的标签。

标签： html

【解决方案1】：

不，它应该可以在所有移动设备上运行

【讨论】：

【解决方案2】：

您不应为此使用<button />。仅导航到不同页面的按钮（如您的示例代码所示）是锚链接。你在模仿内置行为。

【讨论】：