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](https://code2care.org/pages/add-hint-text-in-bootstrap-input-text-filed-and-text-area/images/input filed hint text.png)
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](https://code2care.org/pages/add-hint-text-in-bootstrap-input-text-filed-and-text-area/images/textarea placeholder example.png)
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.
More Posts related to Bootstrap,
- [Solved] Bootstrap tooltip not working
- Create Bootstrap carousel slider with Text
- Bootstrap tooltip not working
- How to disable button in Bootstrap
- Vertical align two div's in Bootstrap [HTML CSS]
- Bootstrap Button Colors Classes
- How to Change Bootstrap Carousel Slide Speed
- Right Align Text in Bootstrap framework
- How to add hint text in bootstrap input text field and text area
- Simple Login Page using Bootstrap
- Make Bootstrap Button look like a link
- Align left align text in Bootstrap
- Bootstrap Nav Menu Dropdown on hover
- Rounded Images in Bootstrap framework
- What is Bootstrap Jumbotron and how to use it
More Posts:
- Read a File Line By Line using Java 8 Stream API - Java
- How To Remove Only Conditional Formatting in Excel - Microsoft
- How to extract numbers as list from Python String - Python
- Java 8: Convert Iterator to Stream Examples - Java
- Fix [Fatal Error] :2:6: The processing instruction target matching [xX][mM][lL] is not allowed. - Java
- Terminal display next month Calendar - Linux
- Android Studio Error: Default Activity not found - Android-Studio
- Multiple Microsoft 365 Services Down (Outlook, Teams, SharePoint, OneDrive) - 25 January 2023 (Solved) - Microsoft