How to add hint text in bootstrap input text field and text area


If you are using Twitter's Bootstrap to build your webpage and want to add a hint text in your input filed or a text area use can do it by using placeholder property.

Example

1. Input Text Filed

Input Filed : <input type="text" placeholder="Enter your name" />
Result :
input filed hint text
input filed hint text

2. Text Area

<textarea class="span12" placeholder="This is a place holder text"></textarea>

Result :

textarea placeholder example
textarea placeholder example

You can see in the above examples, when the fields are empty the hint text is displayed in a mild greyish color.