Input placeholder in Visualforce page

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?

Answer

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?

Attribution
Source : Link , Question Author : sfdc , Answer Author : webDevAndEverythingElse

Leave a Comment