【问题标题】:How to Disable HTML submit Button Background如何禁用 HTML 提交按钮背景
【发布时间】:2012-05-01 18:52:58
【问题描述】:

我使用了 HTML 表单,在那个表单中我使用了一个 Button 标签来提交。

图片显示了一些背景,我将背景设置为透明但它仍然显示一些东西。

我想完全移除背景。

<button type="submit" style="border: 0; background: transparent">
<img src="/images/Btn.PNG" width="90" heght="50" alt="submit" />

【问题讨论】:

  • 我没看到,但如果您的意思是按钮的一部分在图像周围可见(我通过赋予它另一种背景颜色来看到),您可以将其填充设置为 0。
  • 哦,还有 Firefox 地狱般的“-moz-inner-focus”。或者,使用&lt;input type="image"&gt;
  • @above 在所有浏览器中显示相同
  • @Lister 填充也不起作用

标签: html forms button


【解决方案1】:

为什么要使用按钮?

你可以:

html:

<form id="myFormID" ... >
     ...
    <img src="..." onclick="myFunction()" />
</form>

javascript:

function myFunction()
{
     //MakeYourTest
     $('#myFormID').submit(); //This line will commit your form
}

你可以在你的javascript代码中做你想做的事

【讨论】:

  • 这会使功能依赖于 JavaScript。
  • 您的函数可以验证表单。如: $('#myFormId').submit();用 jQuery
  • hmmm 看起来不错,你能给我一个使用 onlick() 的 usbmit 表单的完整示例
  • 我之前在评论中解释过,但我会给你写一个完整的例子。编辑:看看我的答案
猜你喜欢
  • 1970-01-01
  • 2017-11-16
  • 2013-10-02
  • 2015-11-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-06-26
  • 2014-10-13
相关资源
最近更新 更多