使用普通链接提交表单

Upv*_*ote 118 html css forms submit hyperlink

我想提交一份表格.但我不会使用提交类型的输入按钮的基本方式,而是一个链接.

下图显示了原因.我正在使用图片链接来保存/提交表单.因为我有图像链接的标准css标记我不想使用输入提交按钮.

我试图将onClick ="document.formName.submit()"应用于a元素,但我更喜欢html方法.

替代文字

有任何想法吗?

Jan*_*rre 155

两种方式.创建一个按钮并将其设置为样式,使其看起来像是与css的链接,或者创建一个链接并使用onclick="form.submit();".

  • Aaaaaaa和这里是如何将按钮设置为链接的参考:http://stackoverflow.com/questions/1367409/how-to-make-button-look-like-a-link (50认同)
  • 请注意,如果没有JavaScript,`form.submit()`将无法运行 (3认同)
  • @baptx甚至旧智能手机都启用了javascript (3认同)
  • @MahdiJazini 很多人默认禁用 JavaScript,这在某些情况下可能会干扰并影响性能。如果 JavaScript 失败,它可能会破坏整个网站(例如,使用没有本地回退的 CDN 并且第三方域被阻止)。如果出现 HTML 错误,您仍然可以使用该网站。开发者应该遵循渐进增强原则。 (2认同)
  • 如果您想支持没有javascript的用户,请执行此答案中描述的第一个选项,设置一个类似链接的按钮.例如`input [type = submit] .link {border:none; 背景:无; 显示:内联; 颜色:蓝色; 文字装饰:下划线; }`和`<input type = submit class ="link"/>` (2认同)

Jon*_*nVD 85

如果没有我认识的某种形式的脚本,你无法真正做到这一点.

<form id="my_form">
<!-- Your Form -->    
<a href="javascript:{}" onclick="document.getElementById('my_form').submit(); return false;">submit</a>
</form>
Run Code Online (Sandbox Code Playgroud)

这里的例子.

  • 亲爱的访客...不要忘记设置 &gt;&gt;&gt; id="my_form" 它是 id 而不是 name :D (2认同)

Ser*_*gan 25

只是造型input type="submit"这样对我有用:

.linkButton { 
     background: none;
     border: none;
     color: #0066ff;
     text-decoration: underline;
     cursor: pointer; 
}
Run Code Online (Sandbox Code Playgroud)
<input type="submit" class="linkButton" />
Run Code Online (Sandbox Code Playgroud)

在Chrome,IE 7-9,Firefox中测试过

  • 这个答案也不依赖于 javascript,这是一件不用担心的事情 (2认同)

Thi*_*ter 10

您正在使用图像提交..所以您只需使用type="image"输入"按钮":

<input type="image" src="yourimage.png" name="yourinputname" value="yourinputvalue" />
Run Code Online (Sandbox Code Playgroud)


atl*_*vis 5

用:

<input type="image" src=".."/>
Run Code Online (Sandbox Code Playgroud)

或者:

<button type="send"><img src=".."/> + any html code</button>
Run Code Online (Sandbox Code Playgroud)

加上一些 CSS