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.




Recent Posts:




Code2care is an initiative to publish and share varied knowledge in programming and technical areas gathered during day-to-day learnings and development activities.

Students and Software Developers can leverage this portal to find solutions to their various queries without re-inventing the wheel by referring to our easy to understand posts. Technical posts might include Learnings, Video Tutorials, Code Snippets, How Tos, Blogs, Articles, etc.