2009-10-26 68 views
16

我有一个HTML表单,提交按钮显示“提交查询”。我如何删除这段文字?我使用的背景图像的提交按钮,且该文本是搞乱按钮:(任何帮助将不胜感激。如何从表单提交中删除“提交查询”?

+0

只是删除使用jQuery的文本:$('#btnSubmit按钮').VAL(''); – Swifty 2013-11-20 06:43:53

回答

-1

使用属性:value="submit"

+0

我想不显示提交 – HollerTrain 2009-10-26 14:57:55

37

如果你不给你的提交按钮的值

<input type="submit" /> 

,而不是像

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

它会默认显示“提交查询”,尝试给它一个空间&nbsp;作为值。

3

你只要给它一个值:

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

在上面的例子中,btnTest呈现为“提交查询”,而btnTest2呈现为“推我”。希望这可以帮助。

UPDATE:您可以这样做,不显示任何文字。

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

我不想显示任何值。 – HollerTrain 2009-10-26 14:59:49

6

使用:

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

保留价值空白,会有按钮无以言表。由于您使用的是按钮的背景图片a,请给该按钮一个高度和宽度,否则它将显示为一个小的灰色blip(因为按钮上没有文字)。

0

只需在价值引号之间放置一个空格。简单的修复。

阅读问题之前你回复。你可能真的帮助某人。

2

不知道这是否是相关的话,但我们会用类型=“形象”,而不是类型=“提交”

0

不幸的是,这是不行的,至少不是在一个CMS。我试过了空格和&nbsp;,但IE8不会识别它。如果我把它放在值中,它会回到'提交查询'。只需通过搜索找到此方法的其他人即可。

编辑:我将text indent: -9999px;添加到我的CSS,它似乎工作。我仍然在值属性中添加了空间以获得较好的度量。

-1

没什么只是这样做

<input type="submit /"    

斜线用空间和u将不会看到提交或提交查询没有必要给值

0

我有这个问题为好。如果您没有为提交按钮设置值,则默认为“提交查询”。由于您有默认值,因此我假设您使用提交按钮的图片。

如果你想修复它的IE8添加一个文本缩进使用CSS将推动默认值在屏幕上。

text-indent:9999px; 

如果你想解决它的IE9还需要更改默认值,因为文本缩进不会在你的提交按钮工作:(添加以下内容:

value=" " 

我发现这不存在非打破空间工作,并测试它让我满意的IE对browserstack如果你想使用打破空间,随意;我会包括代码

value=" &nbsp; " 

而且,谢谢你o其他堆栈响应者,你帮我解决了IE9上的这个问题。

此外,您还鼓励我发布我的发现,并可能帮助其他人!

3

背景图片不是内​​容。如果您想使用图像告诉人们提交按钮的功能,请使用真实图像。作为奖励,您可以为无法看到图片的用户提供替代文本(例如,因为它无法加载或因为它们是盲人)。

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

如果你使用像一个jQueryUI的对话框按钮,然后你不希望有输入按钮的形式显示出来,而只是把它在对话框的页脚。

因为IE会自动把在<input type="submit" />我把这个替代形式:在对话框的JavaScript <input type="submit" style="display:none" />

后来的后来,我把:

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

只是我通过执行以下操作来实现这用jQuery删除文本?

的jQuery:

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

加上与HTML和jQuery提到的解决方案,您可以把

font-size: 0px; 

输入和它不会显示文本了。

这工作在我的情况。

0

这就是它的浏览器显示默认使用此 值=“提交”是很重要的

1

只需使用属性的值,如下图所示:

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