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?

    How can we change the color of placeholder text

  • Keith C

    Keith C Correct answer

    8 years ago

    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?

    I always forget about this feature. Great answer

License under CC-BY-SA with attribution


Content dated before 7/24/2021 11:53 AM