jQuery Clearme Plugin Example

Markup requirements

Field should be input (text,email,tel,url,search or number) or textarea element.
Field should have a title attribute to hold the watermark text.

Example:

<input type="text" title="Watermark text to show when field is empty" />

Example 1 - Default

$('#example-1').clearme();

First Name:

Example 2 - One time clear

Clears field on first click.

$('#example-2').clearme({
	restoreValue:false
});

Middle Name:

Example 3 - Leave firefox behavior alone

Leave firefox default behavior, that is, the current value of fields are restored on page refresh and not the initial value. Try changing the value and hit refresh (F5). Notice the value typed will remain in firefox.

$('#example-3').clearme({
	autocomplete:true
});

Last Name:

Example 4 - Textarea

Also applies to textareas

$('textarea').clearme();

Message:

Example 5 - HTML5 Email Field

$('input[type="email"]').clearme();

Email:

Example 6 - HTML5 Tel Field

$('input[type="tel"]').clearme();

Telephone:

Example 7 - HTML5 Url Field

$('input[type="url"]').clearme();

URL:

Example 8 - HTML5 Search Field

$('input[type="search"]').clearme();

Search:

Example 9 - HTML5 Number Field

$('input[type="number"]').clearme();

Number: