Remove the default phone number sample while entering

Sample site.

The above is the sample site. Please look at the phone number textfield in that site.

How are they doing such thing?

How to sho开发者_运维百科w the default phone number format value in the phone number text field, and how to remove that format while user entering the phone number?

Is there any jQuery function there, or do we have to research and start the work?

Use the jQuery Masked Input plugin.

You can use a watermark plugin built using jQuery. There are a lot of samples in this page.

jQuery watermark plugins

See Demo in

jQuery Watermark - Example

You may also find this helpfull. I use this technique lately

http://www.zurb.com/playground/inline-form-labels

It works with watermark textfield.