Question

我有一个html表单，提交按钮显示“提交查询”。如何删除此文本？我正在使用提交按钮的背景图像，这个文字弄乱了按钮:(任何帮助将不胜感激。

Answer 1

如果您没有为提交按钮添加值

<input type="submit" />

而不是

<input type="submit" value="Submit" />

默认情况下会显示“提交查询”。尝试给它一个空格 作为值。

Answer 2

使用：

<input type='submit' name='btnTest2' value=''>

将值保留为空白，按钮上没有任何字词。由于您正在使用按钮的背景图像a，因此请为按钮指定高度和宽度，否则它将显示为小灰色按钮（因为按钮上没有任何文字）。

Answer 3

你只需给它一个值：

<input type='submit' name='btnTest'>
<input type='submit' name='btnTest2' value='Push Me'>

在上面的示例中，btnTest呈现为“提交查询”，而btnTest2呈现为“推送我”。希望这会有所帮助。

更新：您可以执行此操作以不显示任何文字。

<input type='submit' name='btnTest2' value='' style="width:100px;">

Answer 4

背景图片不是内容。如果您想使用图像告诉人们提交按钮的作用，请使用真实图像。作为奖励，您可以为无法查看图像的用户提供替代文字（例如，因为它无法加载或因为他们是盲人）。

<button type="submit">
    <img src="example.png" alt="Submit">
</button>

Answer 5

不确定这是否相关，但我们会使用type =“image”而不是type =“submit”

Answer 6

只需使用value属性，如下所示：

 <input value="Whateveryouwant" type="submit">

Answer 7

只需在价值报价之间加一个空格。简单的修复。

阅读您回复之前的问题。你实际上可以帮助别人。

Answer 8

不幸的是，这不起作用，至少在CMS中不起作用。我已经尝试了空间和 ，但IE8无法识别它。如果我在值中添加相同的值，它将恢复为“提交查询”。只需更新通过搜索找到此方法的任何其他人。

编辑：我将text indent: -9999px;添加到我的CSS中，似乎它有效。我仍然在value属性中添加了空格以便进行测量。

Answer 9

我也有这个问题。如果没有为提交按钮设置值，则默认为“提交查询”。我假设您使用图像作为提交按钮，因为您有默认值。

如果你想为IE8修复它，请使用CSS添加文本缩进，这会将默认值从屏幕上移开。

text-indent:9999px;

如果你想为IE9修复它，你还需要更改默认值，因为text-indent不起作用:(在你的提交按钮中添加以下内容：

value=" "

我发现这可以在没有不间断空间的情况下工作，并且在浏览器上的IE浏览器上对它进行了测试。如果你想使用破碎空间，请随意;我将包含代码。

value=" &nbsp; "

另外，感谢其他堆栈响应者，您帮我解决了IE9上的这个问题。

你也激励我在这里发表我的发现并可能帮助别人！

Answer 10

如果您使用类似jQueryUI对话框按钮的内容，那么您不希望输入按钮显示在窗体中，而只是将其放在对话框的页脚中。我通过以下方式完成了这项工作：

因为IE会自动输入<input type="submit" />我将其放在表单中：<input type="submit" style="display:none" />

然后在我输入的JavaScript对话框中：

$("#register-dialog").dialog({
   title: "Register",
   modal: true,
   width: 700,
   buttons: {
            Register: function () {
                $('#registrationForm').submit();
            },
            Close: function () {
                $(this).dialog("close");
            }
        }
 });

Answer 11

只需用jQuery删除文本吗？

jQuery的：

$('#btnSubmit').val('');

Answer 12

再加上HTML和jQuery提到的解决方案，你可以把

font-size: 0px;

输入，不再显示文本。

这适用于我的情况。

Answer 13

浏览器显示默认使用此功能值=＆＃34;提交＆＃34;很重要

Answer 14

使用属性value="submit"

Answer 15

什么都不做这个

    <input type="submit /"

带有空格的斜杠，您将看不到提交或提交查询，无需提供值

如何从表单提交中删除“提交查询”？

15 个答案: