What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

    How to Add PlaceHolder to DatePicker & DropDown menu

    Asked by PriyaDubal18 on February 12, 2017 at 07:11 PM
  • Profile Image

    Answered by Ian on February 13, 2017 at 12:36 AM

    I am not, If I understand you.

    Please provide more information about what you are trying to achieve, so we can offer assistance.

  • Profile Image

    Answered by PriyaDubal18 on February 13, 2017 at 01:58 AM

    I want to design a form section like below image.

    I have use DatePicker for Purchase Date: I want to show Purchase Date dd/mm/yy  text as placeholder.

    Also for dropdown the arrow in orange and Paceholder text  "Kalipak model" .

    When I select any dropdown option the text should be black. not gray. But I am unable to do it.

    You can check my current form. https://form.jotform.com/70406600333140.


    Thanks in Advance.

  • Profile Image
    JotForm Support

    Answered by Charlie on February 13, 2017 at 06:52 AM

    For the drop down option, if you want to make the selection black, you can use this instead:

    select option[selected='true'] {

      color: black !important;;



    select option {

      color: #aaa !important;


    I also noticed that you have errors on your CSS code, make sure to correct them. 

    For the arrows and the placeholder on the widget, unfortunately, the arrow is a tricky part as it seems to already have a custom drop down arrow based on the theme that you have. 

    With regards to the Date Picker widget, we cannot directly add a placeholder on it using only CSS. You can try other date fields or widgets that we have. 

    I'll try to find some workaround but we cannot guarantee that we may find that would absolutely work. Apologies. 

  • Profile Image

    Answered by PriyaDubal18 on February 13, 2017 at 09:13 AM

    Hi Thanks for the help.

    It would be great help if you let me know what errors did you see in my css code.

  • Profile Image
    JotForm Support

    Answered by BDAVID on February 13, 2017 at 10:56 AM

    You need to go into the advanced editor to load the form designer, there click on the CSS tab, and remove the following:

    1) Remove the "#" character in line 78:

    2) Remove the extra curly brackets in line 201 and 205:

    Let us know if you need more help.