Tengo un formulario html y el botón enviar dice "enviar consulta". ¿Cómo puedo eliminar este texto? Estoy usando una imagen de fondo para el botón de enviar y este texto es jugar hasta el botón :(Cualquier ayuda sería muy apreciada.¿Cómo eliminar 'enviar consulta' de un formulario enviado?
Si no da su botón de enviar un valor
<input type="submit" />
en lugar de algo así como
<input type="submit" value="Submit" />
se mostrará en 'enviar consulta' por defecto. Pruebe dándole un espacio como el valor.
sólo hay que darle un valor:
<input type='submit' name='btnTest'>
<input type='submit' name='btnTest2' value='Push Me'>
En el ejemplo anterior, btnTest renders como "Enviar consulta", mientras que btnTest2 renders como "Push Me". Espero que esto ayude.
ACTUALIZACIÓN: Puede hacer esto para que no se muestre ningún texto.
<input type='submit' name='btnTest2' value='' style="width:100px;">
no quiero mostrar ningún valor. – HollerTrain
uso:
<input type='submit' name='btnTest2' value=''>
deje el valor en blanco, y no habrá palabras en el botón. Como está utilizando una imagen de fondo para para el botón, déle un alto y ancho al botón, de lo contrario se mostrará como un pequeño punto gris (porque no hay palabras en el botón).
Simplemente ponga un espacio entre las comillas de valor. Solución simple
Lea la pregunta antes de usted responde. En realidad puedes ayudar a alguien.
No estoy seguro si esto era relevante entonces, pero que usaría type = "imagen" en lugar de type = "submit"
Desafortunadamente, esto no funciona, al menos no en un CMS. He intentado el espacio y el pero IE8 no lo reconocerá. Si pongo lo mismo en el valor, vuelve a 'Enviar consulta'. Solo estoy actualizando para cualquier persona que encuentre este método a través de una búsqueda.
EDIT: He añadido text indent: -9999px; a mi CSS, y parece que funcionó. Todavía agregué el espacio en el atributo de valor para una buena medida.
nada acaba de hacer esto
<input type="submit /"
una barra con un espacio yu no verá la envíe o en Enviar consulta sin necesidad de poner en valor
tuve este problema también. Si no establece un valor para un botón de enviar, se establece de manera predeterminada en "Enviar consulta". Supongo que está utilizando una imagen para su botón de envío ya que tiene el valor predeterminado.
Si desea repararlo para IE8, agregue una sangría de texto usando CSS que eliminará el valor predeterminado de la pantalla.
text-indent:9999px;
Si quieres arreglarlo para IE9 también tiene que cambiar el valor por defecto porque el texto-guión no funciona :(en su botón de enviar añadir lo siguiente:
value=" "
I encontró que esto funcione sin un espacio de no separación y probó a mi satisfacción en el IE está en browserstack Si desea utilizar el espacio de ruptura, no dude;.. voy a incluir el código
value=" "
Además, gracias o los otros respondedores de la pila, me ayudaste a solucionar este problema en IE9.
¡También me inspiró para publicar mis hallazgos aquí y posiblemente ayudar a otros!
Las imágenes de fondo no son satisfactorias. Si desea usar una imagen para decirle a las personas lo que hará un botón de envío, use una imagen real. Como una bonificación que le permite proporcionar texto alternativo para los usuarios que no pueden ver la imagen (por ejemplo, porque no se pudo cargar o porque son ciegos).
<button type="submit">
<img src="example.png" alt="Submit">
</button>
Si está utilizando algo así como un botón de diálogo jQueryUI entonces no quiere tener el botón de entrada aparece en la forma, sino que simplemente lo tienes en el pie de página del cuadro de diálogo. He logrado esto de la siguiente manera:
porque el IE se pondrá automáticamente en un <input type="submit" /> Pongo esto en la forma en su lugar: <input type="submit" style="display:none" />
Luego, más tarde en el código JavaScript de diálogo puse:
$("#register-dialog").dialog({
title: "Register",
modal: true,
width: 700,
buttons: {
Register: function() {
$('#registrationForm').submit();
},
Close: function() {
$(this).dialog("close");
}
}
});
Justo eliminar el texto con jQuery?
jQuery:
$('#btnSubmit').val('');
Plus las soluciones mencionadas con HTML y jQuery, puede poner
font-size: 0px;
para la entrada y no sería mostrar el texto más.
Esto funcionó en mi caso.
eso es todo Mostrar navegador por defecto utilizar este value = "submit" es importante
sólo tiene que utilizar el atributo de valor, como se muestra a continuación:
<input value="Whateveryouwant" type="submit">
Basta con retirar el texto con jQuery: $ ('# btnSubmit ') .val (' '); – Swifty