Removing text in the input field

  • Resolved sailpilot

    (@sailpilot)


    2 years, 8 months ago

    Is there a way to remove the text of the field name that is in the input field?

    For example the Name field has a label (Name) and then the input field (for the name) currently has the text Name in it.

    Thanks.

    btw styling the form using CSS as you suggested (in my previous question) worked beautifully.

    • This topic was modified 2 years, 8 months ago by sailpilot.
Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Jeff Starr

    (@specialk)

    Glad to help.

    Are you referring to the placeholder text? If so, it can be hidden with some CSS. Try adding this to the custom code setting:

    <style>
#usp_form ::-webkit-input-placeholder {
   color:transparent;
}
#usp_form :-moz-placeholder { /* Firefox 18- */
   color:transparent; 
}
#usp_form ::-moz-placeholder {  /* Firefox 19+ */
   color:transparent; 
}
#usp_form :-ms-input-placeholder {  
   color:transparent;
}
</style>

    Source: Hide text placeholder. There may be more recent code somewhere, but the above still works great from what I can tell.

    Thread Starter sailpilot

    (@sailpilot)

    That worked. Thank you.

    Thread Starter sailpilot

    (@sailpilot)

    Actually just checked it again and its strange.

    When I check it on Opera it seems to work But when I check it on Firefox, Chrome and Safari it just displays the style changes you provided.

    #usp_form ::-webkit-input-placeholder { color:transparent; } #usp_form :-moz-placeholder { /* Firefox 18- */ color:transparent; } #usp_form ::-moz-placeholder { /* Firefox 19+ */ color:transparent; } #usp_form :-ms-input-placeholder { color:transparent; }

    I don’t get it, Any ideas?

    Plugin Author Jeff Starr

    (@specialk)

    I guess I don’t understand the question…?

    Thread Starter sailpilot

    (@sailpilot)

    I just rearrange the code I added under Custom Content and now it works. It must have been some keying error. Sorry.

    Although I still don’t get why it worked on one browser and not the others ??

    Plugin Author Jeff Starr

    (@specialk)

    Alright no problem, glad you got it sorted ??

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Removing text in the input field’ is closed to new replies.