Placeholder for "Select Menu" won't show up.

  • Hi,

    I’m trying to get the placeholder text to appear inside a Select Menu (Dropdown Menu) on my google form. But it doesn’t.

    I know getting a Select Menu to show a placeholder require different techniques for editing the HTML code than normal Text fields and Text Areas, but is there’s any way I can put the placeholder text inside the Select Menu from Google forms using CSS?

    Thanks a TON for the Awesome plugin btw.

    https://www.ads-software.com/plugins/wpgform/

Viewing 1 replies (of 1 total)
  • Plugin Author Mike Walsh

    (@mpwalsh8)

    From what I’ve just read, placeholder support for SELECT elements is a bit inconsistent across browsers but supposedly this is the best solution.

    <select>
    <option value="" disabled selected hidden>Please Choose</option>
    <option value="0">Open when powered (most valves do this)</option>
    <option value="1">Closed when powered, auto-opens when power is cut</option>
</select>

    To add a placeholder for a SELECT element, Google forms would have to inject an option into the HTML for the SELECT:

    <option value="" disabled selected hidden>Please Choose</option>

    Off the top of my head I am not sure how easy that would be to do, I’ll have to go look and see what is involved. There are other options using jQuery but none of them look very easy to implement in the general case.

Viewing 1 replies (of 1 total)
  • The topic ‘Placeholder for "Select Menu" won't show up.’ is closed to new replies.