Sé que Internet Explorer no admite el atributo de marcador de posición para las etiquetas de entrada, pero seguramente en 2012 debe haber otra solución para IE.Atributo marcador de posición en etiquetas de entrada para IE?
Respuesta
Escribí un plugin de jQuery hace un tiempo que agregará soporte de marcador de posición a cualquier navegador que no lo admita.
Gracias por la respuesta. Probé tu código pero parece que no puedo hacerlo funcionar. Hice una página html de un trazador de líneas muy simple para probar en IE 9. aquí está mi código: – DextrousDave
alguna irregularidad con lo que hice. Realmente probé todo tipo de cosas y mis enlaces están bien ... – DextrousDave
En realidad, IE does support el atributo de marcador de posición en 2012 (Versión 10). Asocie esto con a polyfill para navegadores antiguos, y debe tener una solución completa para su problema.
En lugar de usar un relleno sintético, puede combinarlo con el hecho de que los marcadores de posición no reemplazan a las etiquetas (son sugerencias y ejemplos), por lo que no son esenciales y no puede preocuparse por los navegadores que no los admiten. – Quentin
+1 @Quentin Gran punto. – Sampson
[html5please.com] (http://html5please.com/) es otro buen recurso para este tipo de información. En marcadores de posición: [http://html5please.com/#placeholder](http://html5please.com/#placeholder) –
Hemos estado usando este plugin jQuery en producción durante algunas semanas y parece estar funcionando muy bien.
http://the.deerchao.net/PlaceHolder funciona en la llamada es decir, sin ninguna función ...
Prueba este plugin de jQuery desarrollado por mí
https://github.com/ramsunvtech/jQuery-Plugins/tree/master/IEPlaceHolder
Sí, hay una solución muy fácil para IE8 e IE9 porque en las versiones más redondas de IE ya funciona. (IE10, EI11, etc)
Esta es la solución que encontré:
1. Detectar la versión de Internet Explorer
<!--[if lt IE 10]>
<script type="text/javascript">var ie = 9;</script>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript">var ie = 8;</script>
<![endif]-->
2. Fijar el marcador de posición
if (typeof ie == 'undefined') var ie = 10;
if (ie == 8 || ie == 9){
$("input[placeholder]").each(function() {
this.value = $(this).attr('placeholder');
});
$("input[placeholder]").focus(function()
if (this.value == $(this).attr('placeholder')) this.value = '';
}).blur(function() {
if (this.value == '')
this.value = $(this).attr('placeholder');
});
}
- 1. Atributo marcador de posición no admitido en IE. ¿Alguna sugerencia?
- 2. GWT SuggestBox con marcador de posición atributo
- 3. "Contraseña" se muestra como "********" en IE para marcador de posición
- 4. marcador de posición VS etiqueta para la entrada en HTML5
- 5. marcador de posición "tipo de entrada = fecha" en iOS?
- 6. ¿IE9 RTW admite el atributo de marcador de posición en los elementos de entrada?
- 7. Marcador de posición en IE7
- 8. Agregar atributo de marcador de posición HTML5 a la primavera 3.0 elementos de entrada de formulario
- 9. tipo de entrada HTML5 = número y el atributo de marcador de posición
- 10. marcador unido a la entrada
- 11. Mostrando el texto del marcador de posición para el campo de contraseña en IE
- 12. Texto de marcador de posición central en iPhone
- 13. Texto de marcador de posición Python Gtk.Entry
- 14. Marcador de posición y NSLocalizedString
- 15. Marcador de posición de propiedad para importaciones/Ref. De frijoles
- 16. Validación de jQuery y conflicto de marcador de posición
- 17. Cómo crear saltos de línea entre etiquetas generadas dinámicamente en un marcador de posición?
- 18. Añadir atributo personalizado para etiquetas HTML
- 19. Centrar un marcador de posición y texto de entrada en un campo de texto
- 20. Texto de marcador de posición en un campo de entrada con CSS solamente (sin JavaScript)
- 21. etiquetas de columna de alto marcador
- 22. HTML: atributo HTML5 marcador de posición en el campo de la contraseña emisión- muestra de texto normal?
- 23. Formato de texto de marcador de posición
- 24. Añadir propiedades de marcador de posición propiedad
- 25. Marcador de posición de la imagen
- 26. Campos de entrada de texto de Javascript que muestran texto de instrucciones (marcador de posición)
- 27. Problema de relleno de marcador de posición de entrada de Firefox
- 28. Atributo de marcador de posición en el ingreso de texto con iOS 6 de horizontal a vertical
- 29. Cómo agregar un marcador de posición a un campo de entrada de texto GWT
- 30. El marcador de posición no desaparece al enfocar en Chrome
https://www.google.com/search?q=placeholder+polyfill – SLaks
Buena pregunta. Antes de saltar para responder, veamos la situación de * compatibilidad nativa * en otros navegadores. Probado en IE10 RP, el selector -ms-input-placeholder {} psuedo admite las 13 propiedades [enumeradas en esta página ** test **] (http://newilk.com/testing/Placeholder_styling). Chrome no admite el relleno en el marcador de posición mientras que FF no llega a la altura de la línea. La versión más nueva de Safari admite 5 de 13 propiedades (mientras que 10 propiedades fueron compatibles en su versión anterior). A partir de Opera 11, el estilo del marcador de posición se descarta. –