Question

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

我需要执行以下内容的文本：

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

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

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;。

Working Demo

OR

（替代）=＆gt; Make button looks like a link

Answer 4

form.submit()

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

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

Answer 5

我不确定你的行为就像按钮一样，但你可以随时使用CSS来设置它。如果这就是你的意思，只需给它圆角和悬停效果。您可以了解更多here。

但是，如果您的意思是要禁用链接并执行其他操作，则可以使用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

如何使纯文本作为点击按钮？

6 个答案: