相关疑难解决方法(0)

如何创建一个像链接一样的HTML按钮?

我想创建一个像按钮一样的HTML按钮.因此,当您单击该按钮时,它会重定向到页面.我希望它尽可能地易于访问.

我也很喜欢它,所以URL中没有任何额外的字符或参数.

我怎样才能做到这一点?


根据到目前为止发布的答案,我目前正在这样做:

<form method="get" action="/page2">
    <button type="submit">Continue</button>
</form>
Run Code Online (Sandbox Code Playgroud)

但问题是在SafariInternet 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)

html anchor button hyperlink htmlbutton

1769
推荐指数
21
解决办法
574万
查看次数

Html.ActionLink作为按钮或图像,而不是链接

在ASP.NET MVC的最新版本(RC1)中,如何将Html.ActionLink呈现为按钮或图像而不是链接?

asp.net-mvc actionlink

321
推荐指数
13
解决办法
53万
查看次数

如何使html链接看起来像一个按钮?

我正在使用ASP.NET,我的一些按钮只是重定向.我宁愿他们是普通的链接,但我不希望我的用户注意到外观上的差异.我认为用锚点包装的图像,即标签,但我不想每次更改按钮上的文本时都要启动图像编辑器.

css button

140
推荐指数
7
解决办法
44万
查看次数

如何使Bootstrap中的<button>看起来像nav-tabs中的普通链接?

我正在(以前的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?

html css twitter-bootstrap

98
推荐指数
4
解决办法
12万
查看次数

如何使<a href="">链接看起来像一个按钮?

我有这个按钮图像:
在此输入图像描述

我想知道是否可以制作一个简单的<a href="">some words</a>样式链接显示为该按钮?

如果有可能,我该怎么做?

html css

93
推荐指数
6
解决办法
35万
查看次数

如何使用jQuery或Javascript将按钮重定向到另一个页面

我正在制作原型,我希望搜索按钮链接到示例搜索结果页面.

当使用jQuery单击按钮时,如何将按钮重定向到另一个页面.

javascript jquery redirect buttonclick

92
推荐指数
10
解决办法
44万
查看次数

锚链接内的按钮在Firefox中有效但在Internet Explorer中无效吗?

除了我的链接外,我网站上的其他所有内容似乎都与所有浏览器兼容.它们出现在页面上,但它们不起作用.我的链接代码如下 -

<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>&nbsp;</p>
    <a href="http://indynile99.blogspot.com">
        <button style="width:120;height:25">Blog</button>
    </a>
    <p>&nbsp;</p>
</td>
Run Code Online (Sandbox Code Playgroud)

html firefox internet-explorer cross-browser button

72
推荐指数
8
解决办法
10万
查看次数

在html按钮中包含react-router链接

使用建议的方法: 结果如下:按钮中的链接, 注释行之间的代码

我想知道是否有办法使用react 包装HTML 标签中的Link元素.'react-router'button

我目前Link在我的应用程序中有导航页面的组件,但我想将该功能映射到我的HTML按钮.

在此输入图像描述 在此输入图像描述

html router button hyperlink reactjs

68
推荐指数
10
解决办法
10万
查看次数

在<button>中嵌套<a>在Firefox中不起作用

我有一个<button>带有超链接标签的内容,如下所示:

<button class="btn"><a href="#"></a></button>
Run Code Online (Sandbox Code Playgroud)

这在Chrome和Safari中运行良好,但在Firefox中不起作用(测试版本20).

怎么了?

html firefox

55
推荐指数
2
解决办法
4万
查看次数

是否有一种简单的方法可以使用按钮来导航页面,就像angularjs中的链接一样

在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代码中导航页面?

我是否需要创建一个自定义指令来实现它?

javascript angularjs

45
推荐指数
5
解决办法
11万
查看次数