2009-10-26 15 views
16

Ho un modulo html e il pulsante di invio dice "invia query". Come posso rimuovere questo testo? Sto usando un'immagine di sfondo per il pulsante di invio e questo testo è rovinare il pulsante :(Qualsiasi aiuto sarebbe molto apprezzato.Come rimuovere "invia query" da un modulo di invio?

+0

Basta rimuovere il testo con jQuery: $ ('# btnSubmit ') .VAL (' '); – Swifty

risposta

-1

attributo uso value="submit"

+0

Voglio non visualizzare l'invio – HollerTrain

37

Se non dare il vostro pulsante di invio un valore

<input type="submit" /> 

invece di qualcosa come

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

verrà visualizzato 'submit query' per impostazione predefinita. Provare a dare uno spazio &nbsp; come valore.

3

Non vi resta che dare un valore:

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

Nell'esempio di cui sopra, btnTest rende come "Invia Query", mentre btnTest2 rende come "Push Me". Spero che questo ti aiuti.

AGGIORNAMENTO: È possibile eseguire questa operazione per non visualizzare alcun testo.

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

Non voglio visualizzare alcun valore. – HollerTrain

6

uso:

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

lasciare vuoto il valore e non ci saranno parole sul pulsante. Dal momento che stai usando un'immagine di sfondo a per il pulsante, dai un altezza e una larghezza al pulsante, altrimenti verrà visualizzato come un piccolo bip grigio (perché non ci sono parole sul pulsante).

0

Basta inserire uno spazio tra le virgolette. Correzione semplice.

Leggi la domanda prima del si risponde. In realtà potresti aiutare qualcuno.

2

Non so se questo era rilevante allora, ma ci sarebbe usare type = "image" piuttosto che type = "submit"

0

Purtroppo, questo non funziona, almeno non in un CMS. Ho provato lo spazio e lo &nbsp; ma IE8 non lo riconoscerà. Se metto lo stesso nel valore, ritorna a "Invia query". Basta aggiornare per chiunque altro trovi questo metodo attraverso una ricerca.

MODIFICA: Ho aggiunto text indent: -9999px; al mio CSS e sembra che abbia funzionato. Ho ancora aggiunto lo spazio nell'attributo value per buona misura.

-1

nulla solo fare questo

<input type="submit /"    

una barra con uno spazio e la u non vedrà la Invia o Invia Query non c'è bisogno di dare valore

0

ho avuto questo problema pure. Se non si imposta un valore per un pulsante di invio, il valore predefinito è "Invia query". Presumo che tu stia utilizzando un'immagine per il pulsante di invio poiché hai il valore predefinito.

Se si desidera risolvere il problema con IE8, aggiungere un rientro di testo utilizzando CSS che sposterà il valore predefinito dallo schermo.

text-indent:9999px; 

Se si vuole risolvere il problema per IE9 è inoltre necessario modificare il valore predefinito perché il testo-rientro non funziona :(nel vostro pulsante di invio aggiungere quanto segue:

value=" " 

I trovato questo per lavorare senza uno spazio unificatore e testato per la mia soddisfazione sul IE è su browserstack Se si desidera utilizzare lo spazio di rottura, si sente libero;.. io includere il codice

value=" &nbsp; " 

Inoltre, grazie o gli altri risponditori dello stack, mi hai aiutato a risolvere questo problema su IE9.

Anche tu mi hai ispirato a pubblicare le mie scoperte qui e possibilmente aiutare gli altri!

3

Le immagini di sfondo non sono soddisfatte. Se vuoi usare un'immagine per dire alla gente che cosa farà un pulsante di invio, usa un'immagine reale. Come bonus che ti consente di fornire testo alternativo per gli utenti che non possono vedere l'immagine (ad es. Perché non è stato caricato o perché sono ciechi).

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

Se si utilizza qualcosa come un pulsante di dialogo jQueryUI allora non vuole avere il tasto di ingresso presentarsi in forma, ma piuttosto appena lo avete nel piè di pagina della finestra di dialogo. Ho compiuto questo nel modo seguente:

Perché IE verrà automaticamente messo in una <input type="submit" /> Ho messo questo in forma, invece: <input type="submit" style="display:none" />

Poi più tardi nella finestra di dialogo JavaScript ho messo:

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

Proprio rimuovere il testo con jQuery?

jQuery:

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

più i soluzioni di cui con HTML e jQuery, si può mettere

font-size: 0px; 

per l'ingresso e non si presentava più il testo.

Questo ha funzionato nel mio caso.

0

il gioco è fatto del browser spettacolo di default utilizzare questo value = "submit" è importante

1

Basta utilizzare l'attributo value come illustrato di seguito:

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