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?
Respuesta
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">
- 1. Borrar el formulario una vez formulario enviado
- 2. 2 botones de enviar en un formulario
- 3. ¿Cómo enviar un formulario con AJAX/JSON?
- 4. Cómo demorar un formulario al enviar
- 5. Auto Enviar un formulario (cURL)
- 6. Cómo ajax-enviar un formulario de entrada textarea de CKEditor?
- 7. formulario enviado varias veces al usar la devolución de llamada "enviar" y $ .ajax a publicarlo
- 8. Drupal formulario enviar, formulario after_build
- 9. Formulario no enviado con la validación de jQuery
- 10. Rails 3: Formulario enviado dos veces
- 11. Formulario no enviado al presionar enter
- 12. Botón Enviar imagen dentro de un formulario
- 13. Enviar formulario sin Javascript
- 14. Node.js - enviar formulario
- 15. jQuery, enviar formulario con un botón
- 16. ExtJS - Formulario enviar código
- 17. ¿Cómo hago un formulario para enviar con un LinkButton?
- 18. Cómo hacer un enlace para enviar un formulario
- 19. Evitar formulario Volver a enviar
- 20. Cómo enviar un formulario mediante un método POST textlink
- 21. MVC Razor - Cómo enviar un formulario a sí mismo
- 22. jQuery iframe formulario enviar
- 23. jquery: enviar un formulario dos veces
- 24. usando pjax para enviar un formulario
- 25. ¿Cómo enviar de forma confiable un formulario HTML con JavaScript?
- 26. ¿Cómo enviar un formulario de publicación con java?
- 27. Cómo hacer ingresar el botón de enviar en un formulario
- 28. ¿Cómo puedo eliminar un archivo en Sinatra después de haberlo enviado a través de send_file?
- 29. enviar un formulario GET con params cadena de consulta y params ocultos desaparecen
- 30. ASP .NET MVC 3 - Cómo enviar un formulario ajax anidado dentro de un formulario html
Basta con retirar el texto con jQuery: $ ('# btnSubmit ') .val (' '); – Swifty