placeholder is not working on IE

  • On my website: https://www.minutify.com
    I have a search box and a subscription box, both have placeholder.
    The placeholder shows correct information on Firefox and Chrome bot does not show anything on IE. Is there a way to fix this?

    Thanks for your help.

Viewing 9 replies - 1 through 9 (of 9 total)

  • Have you validated the page?

    https://validator.w3.org/

    IE issues are often due to mark-up or CSS errors.

    Thread Starter TJ1

    (@tj1)

    WPyogi, thanks for the suggestion. Yes I validated the page.
    If you look at the ,mmain page of my website using for examble Chrome. You see a search box on top right that inside it it says “Search…”. But if you look at the page using IE, the word “Search…” is missing from the box.

    What version of IE are you using?

    Thread Starter TJ1

    (@tj1)

    IE 9.

    Hmm, I’m not sure – I don’t have IE but you do still have mark-up errors in that area of your page, so you could fix those to see if they fix that problem.

    What version of IE are you using? Anything below IE9 doesn’t support placeholders; there are ways to fake it with javascript, or you can use conditional CSS to show the form labels on older IE, but short of using one of those workarounds, you may be out of luck.

    Thread Starter TJ1

    (@tj1)

    WPyogi: I am not familiar with fixing the mark-up errors. Can you show me how to fix one of them then I will go and try to fix others? For example I get this error:

    Line 129, Column 228: Bad value category tag for attribute rel on element a: The string category is not a registered keyword or absolute URL.

    How can I fix that?
    Thanks a lot for help.

    Thread Starter TJ1

    (@tj1)

    Amy: thanks for the answer. Can you please tell me how to use conditional CSS to show the form labels? I do not have any back ground on this.
    I appreciate your help.

    In general terms, you’d set up a separate stylesheet for the rules that should only be used in IE, and then, in your header, add a line that loads up that stylesheet only if the visitor is using IE.

    This article on CSS-Tricks is a good rundown of how that can be set up: https://css-tricks.com/how-to-create-an-ie-only-stylesheet/

    Now, as for how to do this in your particular theme: These are the kind of changes that require making a Child Theme. And since you aren’t using a theme from the WP theme repository, we don’t have access to the theme files to be able to tell you exactly what has to be changed; you may need to reach out to the theme author for more specific support.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘placeholder is not working on IE’ is closed to new replies.

Tags