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.


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


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


Popular tags
x 175
x 29
x 20
x 14
x 14
x 14
x 13
x 11

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

Code2care © 2012-17