如何使纯文本充当点击按钮？

Question

我想知道让纯文本作为按钮（使用最少的html）的最简单方法是什么。 文字： <li class="indiv-nav" ><a target="_blank" href="/">About</a></li>

我需要执行以下操作的文本：

<div id="button"><input type="submit" value="Press me please!" /></div>

抱歉，如果这是一个“愚蠢”的问题，但是，我仍在学习中，我发现疯狂的是，没有比谷歌搜索找到的解决方案更简单的解决方案了。

Answer 1

尝试

<a href="javascript: void(0)" id="button">Submit</a>

jQuery的

$(function(){
    $("#button").bind("click",function(){
        $("#idOfYourForm").submit();  // consider idOfYourForm `id` of your form which you are going to submit
    });
});

JavaScript的

document.getElementById("button").onclick = function(){
    document.getElementById("idOfYourForm").submit();
};

Answer 2

您可以尝试这样的操作（不使用jQuery），但是您需要一个表单标签：

<form name="myform">
<span onclick="document.myform.submit();">submit this</span> 
</form>

Answer 3

您可以使用CSS appearance属性。

将其设置为appearance:button; 为您的链接。

工作演示

要么

（替代）=> 使按钮看起来像一个链接

Answer 4

form.submit()

您需要找到一种方法来引用要提交的表单，但是一旦有了表单对象，就可以调用.submit()提交它。

然后，您可以将其添加为onclick属性，或稍后进行绑定，但这基本上就是您想要的。

Answer 5

我不确定用按钮的作用是什么意思，但是您始终可以使用CSS设置样式。 如果这就是您的意思，请给它圆角和悬停效果。 您可以在此处了解更多信息 。

但是，如果您要禁用链接并执行其他操作，则可以使用javascript。 仅包含一个javascript文件，并阻止该链接的默认操作。 喜欢：

$(function(){
  $('a').click(function(event){
    event.preventDefault();
    //do what you want here
  }):
});

Answer 6

取决于您要执行的操作以及可以使用的解决方案。

常规按钮：

$("li.indiv-nav a").click(function(){
          /* do something here*/
          window.location = 'about.html';
    });   

或提交表格：

$("li.indiv-nav a").click(function(){
          $('#formid').submit();  
    });

签出jsFiddle