html提交链接

Question

我想创建一个提交链接而不是提交按钮。

它看起来像任何普通链接（蓝色和下划线），当您点击它时，表单就会被提交。

编辑：是否可以在没有javascript / jquery的情况下执行此操作？

Answer 1

您可以使用Javascript：

<a href="#" onclick="document.formName.submit();return false;">submit form</a>

修改

此页：

http://www.beginningjavascript.com/Chapter4/exampleSubmitToLinks.html

设置了一个看起来像链接的按钮，但它仍然使用Javascript来实现它。

Answer 2

没有js，只有CSS

<input type="submit" value="ABC" style="background:none; border-width:0px; color:blue; text-decoration:underline;" />

Answer 3

当然！

HTML：

<form>
    <input type="text" placeholder="name" />
    <button type="submit">Submit</button>
</form>

CSS：

button {
    background: none;
    border: none;
    color: blue; text-decoration: underline;
    cursor: pointer;
}

此处示例：http://fiddle.jshell.net/Shaz/AQDcD/1/

Answer 4

jQuery可以轻松地做到这一点：

请参阅：http://api.jquery.com/submit/

$('.submit-link').click(function(){
  $('#form-id').submit();
});

Answer 5

您可以将按钮设置为看起来像链接。即。

<input type="submit" value="submit" style="cursor: pointer; background-color: transparent; text-decoration: underline; border: 0; color: blue;" />

我用样式表来做，而不是内联样式，但是你得到了图片。

Answer 6

您只需使用jquery即可实现此目的！

只需执行以下代码---

$('.your-sumbmit-link').click(function (e) {
   e.preventDefault();
   $('.your-form').submit();
});

希望这有帮助！