clearable_text_field icon indicating copy to clipboard operation
clearable_text_field copied to clipboard

jQuery plugin adding a clear button in text input fields

trafficstars

!http://ononoma.appspot.com/clearable_text_field/example/screen_shot.png!

Clearable Text Field is a jQuery plugin which shows up a cross icon to clear value when user input something in a form field. Seeing example is the fastest way to understand. "Example":http://ononoma.appspot.com/clearable_text_field/example/

h2. FAQ

h3. Selector examples

// All text fields
$('input[type=text]').clearableTextField();

// All text fields in search form
$('div.search input[type=text]').clearableTextField();

// All text fields but foo class
$('input:not(.foo)[type=text]').clearableTextField();

h3. Can I change the cross image and the style?

Yes, you can do with editing or replacing jquery.clearableTextField.css.

h3. Browser compatibility

I've tested with:

  • Safari4, FF3.5 on OS X
  • IE6, IE7, IE8, FF3.5 on win XP

h3. jQuery version

I've tested with 1.3 and 1.4

h3. Download

Just git clone or "download source" link above.

h2. Contributors

Tatsuya Ono: me :) Go Kameda: designed default icon.