我想创建一个像按钮一样的HTML按钮.因此,当您单击该按钮时,它会重定向到页面.我希望它尽可能地易于访问.
我也很喜欢它,所以URL中没有任何额外的字符或参数.
我怎样才能做到这一点?
根据到目前为止发布的答案,我目前正在这样做:
<form method="get" action="/page2">
<button type="submit">Continue</button>
</form>
Run Code Online (Sandbox Code Playgroud)
但问题是在Safari和Internet Explorer中,它在URL的末尾添加了一个问号字符.我需要找到一个不会在URL末尾添加任何字符的解决方案.
还有另外两种解决方案:使用JavaScript或样式化链接看起来像一个按钮.
使用JavaScript:
<button onclick="window.location.href='/page2'">Continue</button>
Run Code Online (Sandbox Code Playgroud)
但这显然需要JavaScript,因此屏幕阅读器不易访问.链接的要点是转到另一个页面.因此,尝试使按钮像链接一样是错误的解决方案.我的建议是你应该使用一个链接并将其设置为看起来像一个按钮.
<a href="/link/to/page2">Continue</a>
Run Code Online (Sandbox Code Playgroud) 在ASP.NET MVC的最新版本(RC1)中,如何将Html.ActionLink呈现为按钮或图像而不是链接?
我正在使用ASP.NET,我的一些按钮只是重定向.我宁愿他们是普通的链接,但我不希望我的用户注意到外观上的差异.我认为用锚点包装的图像,即标签,但我不想每次更改按钮上的文本时都要启动图像编辑器.
我正在(以前的Twitter)Bootstrap 2工作,我想把按钮设置为普通链接.不过,不只是任何正常的链接; 这些都是放在一个<ul class="nav nav-tabs nav-stacked">容器里.标记最终将如下所示:
<form action="..." method="post">
<div class="row-fluid">
<!-- Navigation for the form -->
<div class="span3">
<ul class="nav nav-tabs nav-stacked">
<li><button type="submit" name="op" value="Link 1">Link 1</button></li>
<li><button type="submit" name="op" value="Link 2">Link 2</button></li>
<!-- ... -->
</ul>
</div>
<!-- The actual form -->
<div class="span9">
<!-- ... -->
</div>
</div>
</form>
Run Code Online (Sandbox Code Playgroud)
Bootstrap有没有办法使它们<button>看起来像它们实际上是<a>s?
我有这个按钮图像:

我想知道是否可以制作一个简单的<a href="">some words</a>样式链接显示为该按钮?
如果有可能,我该怎么做?
我正在制作原型,我希望搜索按钮链接到示例搜索结果页面.
当使用jQuery单击按钮时,如何将按钮重定向到另一个页面.
除了我的链接外,我网站上的其他所有内容似乎都与所有浏览器兼容.它们出现在页面上,但它们不起作用.我的链接代码如下 -
<td bgcolor="#ffffff" height="370" valign="top" width="165">
<p>
<a href="sc3.html">
<button style="width:120;height:25">Super Chem #3</button>
</a>
<a href="91hollywood.html">
<button style="width:120;height:25">91 Hollywood</button>
</a>
<a href="sbubba.html">
<button style="width:120;height:25">Super Bubba</button>
</a>
<a href="afgoohash.html">
<button style="width:120;height:25">Afgoo Hash</button>
</a>
<a href="superjack.html">
<button style="width:120;height:25">Super Jack</button>
</a>
<a href="sog.html">
<button style="width:120;height:25">Sugar OG</button>
</a>
<a href="91pk91.html">
<button style="width:120;height:25">91 x PK</button>
</a>
<a href="jedi1.html">
<button style="width:120;height:25">Jedi</button>
</a>
</p>
<p> </p>
<a href="http://indynile99.blogspot.com">
<button style="width:120;height:25">Blog</button>
</a>
<p> </p>
</td>
Run Code Online (Sandbox Code Playgroud) 使用建议的方法: 结果如下:按钮中的链接, 注释行之间的代码
我想知道是否有办法使用react 包装HTML 标签中的Link元素.'react-router'button
我目前Link在我的应用程序中有导航页面的组件,但我想将该功能映射到我的HTML按钮.
我有一个<button>带有超链接标签的内容,如下所示:
<button class="btn"><a href="#"></a></button>
Run Code Online (Sandbox Code Playgroud)
这在Chrome和Safari中运行良好,但在Firefox中不起作用(测试版本20).
怎么了?
在angularjs中,我想这样使用button,但我仍然需要看按钮.
<button href="#/new-page.html">New Page<button>
Run Code Online (Sandbox Code Playgroud)
如a(链接)那样
<a href="#/new-page.html">New Page</a>
Run Code Online (Sandbox Code Playgroud)
有比这更简单的方法吗?
<button ng-click="newPage()">New Page<button>
$scope.newPage = function (){
location.href = '#/new-page.html';
};
Run Code Online (Sandbox Code Playgroud)
注意:实际上,当我以前location.href用于导航时,整体刷新并且导航不受angularjs的控制.如果我不使用链接,如何在javascript代码中导航页面?
我是否需要创建一个自定义指令来实现它?
html ×6
button ×4
css ×3
firefox ×2
hyperlink ×2
javascript ×2
actionlink ×1
anchor ×1
angularjs ×1
asp.net-mvc ×1
buttonclick ×1
htmlbutton ×1
jquery ×1
reactjs ×1
redirect ×1
router ×1