2009-10-26 10 views
16

Ich habe ein HTML-Formular und die Schaltfläche zum Absenden sagt "Abfrage senden". Wie kann ich diesen Text entfernen? Ich bin mit einem Hintergrundbild für den Absenden-Button und dieser Text auf den Button vermasselt wird :(Jede Hilfe wäre sehr dankbar.Wie 'Anfrage senden' aus einem Formular zu entfernen, senden?

+0

entfernen Sie einfach den Text mit jquery: $ ('# btnSubmit ') .val (' '); – Swifty

Antwort

-1

Verwendung Attribut value="submit"

+0

Ich möchte nicht die Übermittlung anzeigen – HollerTrain

37

Wenn Sie nicht geben Sie Ihre Absenden-Button Wert

<input type="submit" /> 

statt so etwas wie

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

es standardmäßig ‚einreichen Abfrage‘ wird angezeigt. Versuchen sie es einen Raum geben &nbsp; als Wert.

3

Sie müssen es nur geben Wert:

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

In dem obigen Beispiel btnTest macht als "Submit Query" während btnTest2 rendert als "Push Me". Hoffe das hilft.

UPDATE: Sie können dies tun, um keinen Text anzuzeigen.

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

ich möchte keinen Wert anzeigen. – HollerTrain

6

Verwendung:

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

Lassen Sie den Wert leer, und es wird keine Worte auf die Schaltfläche sein. Da Sie für die Schaltfläche ein Hintergrundbild a verwenden, geben Sie der Schaltfläche eine Höhe und Breite, andernfalls wird sie als kleiner grauer Blip angezeigt (da sich auf der Schaltfläche keine Wörter befinden).

0

Setzen Sie einfach ein Leerzeichen zwischen den Wertangaben. Einfache Lösung.

Lesen Sie die Frage vor Sie antworten. Sie können tatsächlich jemandem helfen.

2

nicht sicher, ob dies relevant damals war, aber wir würden type = "image" statt type = "submit"

0

Leider verwenden, das funktioniert nicht, zumindest nicht in einem CMS. Ich habe versucht, den Raum und die &nbsp; aber IE8 wird es nicht erkennen. Wenn ich denselben Wert in den Wert einfüge, wird es wieder auf "Abfrage absenden" zurückgesetzt. Aktualisieren Sie einfach für jeden, der diese Methode durch eine Suche findet.

EDIT: Ich fügte text indent: -9999px; zu meinem CSS hinzu, und es scheint, dass es funktionierte. Ich habe immer noch das Leerzeichen im value-Attribut für good measure hinzugefügt.

-1

nichts tun, nur um diesen

<input type="submit /"    

einen Schrägstrich mit einem Raum und u nicht das keine Notwendigkeit, Senden oder Senden Abfrage siehe Wert

0

ich auch dieses Problem zu geben hatte. Wenn Sie keinen Wert für eine Senden-Schaltfläche festlegen, wird standardmäßig "Abfrage senden" verwendet. Ich nehme an, dass Sie ein Bild für Ihre Absenden-Schaltfläche verwenden, da Sie den Standardwert haben.

Wenn Sie es für IE8 beheben möchten, fügen Sie einen Texteinzug mit CSS, die den Standardwert aus dem Bildschirm drücken wird.

text-indent:9999px; 

Wenn Sie es für IE9 beheben möchten, müssen Sie auch den Standardwert ändern, da der text-indent funktioniert nicht :(in Ihrem Submit-Button fügen Sie den folgenden:

value=" " 

I fanden diese ohne non-breaking Raum arbeiten und getestet es der IE ist auf browserstack zu meiner Zufriedenheit auf Wenn Sie das Leerzeichen verwenden möchten, fühlen Sie sich frei,.. ich den Code enthalten werde

value=" &nbsp; " 

auch Danke o die anderen Stack-Responder, Sie haben mir geholfen, dieses Problem auf IE9 zu beheben.

Auch Sie inspiriert mich, hier meine Ergebnisse zu posten und möglicherweise anderen zu helfen!

3

Hintergrundbilder sind nicht zufrieden. Wenn Sie ein Bild verwenden möchten, um den Leuten zu erklären, was eine Übermittlungsschaltfläche tun soll, verwenden Sie ein reales Bild. Als Bonus, mit dem Sie alternativen Text für Benutzer bereitstellen können, die das Bild nicht sehen können (z. B. weil es nicht geladen wurde oder weil sie blind sind).

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

Wenn Sie so etwas wie eine jQueryUI Dialogtaste werden dann wollen Sie nicht die Eingabe-Taste in der Form angezeigt haben, sondern es nur in der Fußzeile des Dialogs haben. Ich erreicht dies, indem Sie die folgenden Schritte ausführen:

Da IE automatisch in einem <input type="submit" /> setzen werde ich dies in der Form, statt: <input type="submit" style="display:none" />

dann später im Dialog JavaScript Ich habe:

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

Nur entferne den Text mit jQuery?

jQuery:

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

Plus die genannten Lösungen mit HTML und jQuery, können Sie

font-size: 0px; 

für den Eingang gestellt und es würde den Text nicht mehr zeigen.

Das funktionierte in meinem Fall.

0

, die es Browser anzeigen Standard ist verwenden diese value = "Eintragen" ist wichtig

1

einfach den Wert Attribut verwenden, wie unten dargestellt:

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