Code2care : TechZone Apps & Tutorials

How to add hint text in bootstrap input text filed 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



2. Text Area

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


Result :

itextarea placeholder example



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










Tags : #Bootstrap #GetBootStrap #TwitterBootstrap #PlaceHolder #Hints #TextArea #Textfields #css #examples


Top




Posts related to bootstrap.


1. How to add hint text in bootstrap input text filed and text area

2. How to make jsfiddle bootstrap ready

3. Make Bootstrap Button look like a link

4. How to Center Align Image in Bootstrap

5. Right Align Text in Bootstrap framework

6. Align left align text in Bootstrap

7. Adding Sub Headings to Bootstrap Header tags

8. Simple Login Page using Bootstrap

9. Rounded Images in Bootstrap framework

    more...






Popular tags
android
x 175
eclipse
x 29
notepadplusplus
x 20
macosx
x 14
sharepoint
x 14
html
x 14
mac
x 13
androidstudio
x 11




1000+ C Programs     PHP Tutorial     JSON Tutorial     Swift Tutorial     India Pinocdes     About Us     Privacy Policy


Code2care © 2012-17