How to show a default value in apex:inputText so that when user enters the text box the value should disappear like it does in this HTML:

<input type="{!username}"  id="username" placeholder="Username"/>
<input type="{!password}"  id="password" placeholder="Password" /> 

Can anyone please suggest how to implement this in Visualforce?

  • How can we change the color of placeholder text
    – user42978
    Mar 15, 2017 at 19:22

1 Answer 1


You can use the recently introduced pass through attributes for this:

<apex:inputText value="{!username}" id="username" html-placeholder="Username"/>
<apex:inputSecret value="{!password}" id="password" html-placeholder="Password"/>

PS Cool page that lets you know Can I use input placeholder attribute?

  • 2
    I always forget about this feature. Great answer Nov 8, 2013 at 15:33

This site is temporarily in read-only mode and not accepting new answers.

Not the answer you're looking for? Browse other questions tagged .