标签: htmlbutton

如何在html按钮标签内嵌入链接？

这是我试过的 -

<button {{link-to "posts.show" post}}>
  Show
</button>

获得未出错的错误:没有命名的路线

embercli@model:post::ember506:6

我一直在阅读有关 Web 可访问性的内容，并了解到只有当用户将被带到另一个没有 JavaScript 的 URL 时才应该使用锚标记。但是只要发生其他一些行为，例如打开模态，就应该使用按钮。

所以我想知道是否可以或预期在导航中同时包含按钮和锚点。像这样的东西：

<nav>
  <a href="/">Home Page</a>
  <a href="/about">About Page</a>
  <button>Sign Up</button>
</nav>

假设在这种情况下，注册按钮会启动一个模式或执行一些不会将用户带到不同 URL 的其他行为。两者都可以nav吗？我不关心样式，我会让这些看起来一致，但我想知道处理这样的事情最正确的方法是什么？

我有一个像这样的圆形按钮。

.rock{
height:100px;
width:100px;
border-radius:100px;
border-color:yellow;
border-width:8px;
}

<button class="rock" type='button'>Button</button>

我想知道如何创建一个具有背景图像的自定义HTML按钮,我可以在该图像上显示自定义文本.

例如,我想显示一个提交按钮,我有一个该按钮的背景图像,文本"提交"位于该图像的顶部.

我试过这个 -

<input type="button" value="Submit" style="background-image: url(pages/images/ButtonBackground.png);">

但是,它无法正常工作.我只看到测试提交和按钮,但图像没有显示.

如果有人可以帮我解决这个问题会很棒.

我该怎么做？我试过设置tabindex属性无济于事.

我的简单要求是这样的:

我有一个页面命名loop.php并有两个radio A & B,当A检查时,然后我加载a.html,何时B检查加载b.html.

loop.php(最重要的部分)

<div>
    <input id="radio_one" type="radio" value="radio_one" />&nbsp;tpl_one&nbsp;
    <input id="radio_two" type="radio" value="radio_two" />&nbsp;tpl_two

    <!--template1-->
    <div id="tpl_one"></div>
    <!-- template 1 end-->

    <!-- template2 -->
    <div id="tpl_two"></div>
    <!--template 2 end-->
</div>

a.html

<div>
    <input type="button" id="tpl_one_btn" name="" value="in tpl one"/>
</div>

b.html

<div>
    <input type="button" id="tpl_two_btn" name="" value="in tpl two"/>
</div>

我正在使用jquery-1.9,我可以轻松地实现我的要求.所有jquery代码都在一个名称为的文件中op.js

 $(function(){
   $("#radio_one").click(function(){
       $("#tpl_two").hide();
       $("#tpl_one").show();
       $("#tpl_one").load('a.html');
   });

   $("#radio_two").click(function(){
      $("#tpl_one").hide();
      $("#tpl_two").show();
      $("#tpl_two").load('b.html');
   });
 });

现在一切都很好,我几乎可以做所有事情,但是当我想使用a.html和b.html上的按钮时,事情变得很糟糕. …