Submit your widget
247
Yays

CSS and jQuery Custom Checkbox and Radio Button Inputs Styled

  Views 70447   downloads 13308   Form

Styling checkbox and radio button inputs to match a custom design is nearly impossible because neither reliably supports basic CSS, like background colors or images; it's even a challenge to get the margins…

132
Yays

Experiment in Password Masking

  Views 8468   downloads 1895   Form

HashMask is an attempt to find a more secure middle ground between clear and masked passwords. It does this by visualizing a hashed representation of the password as a sparkline with color – the…

140
Yays

jqTransform with jQuery plugin

  Views 15075   downloads 3002   Form

Usage 1- Add javascript inclusion in the header section of your web page //required <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.jqtransform.min.js"></script>…

164
Yays

jQuery Pretty checkboxes

  Views 19056   downloads 3396   Form

The checkboxes are still there, but we won’t be clicking them. The checking/unchecking will handled by the “Select” and “Cancel” links within each list item. Each list item…

149
Yays
149
Yays

An Scalable jQuery Login Box

  Views 16386   downloads 3203   Form

Here is a little example on how to create an unobtrusive login box in the top left of your page. First we start with the CSS. I have placed the login box in the top left and added some nice rounded corners…

136
Yays

iPhone Style Checkboxes With CSS3

  Views 18247   downloads 3448   Form

Here’s some form input checkboxes styled with CSS3 to look like iPhone style on/off buttons. Just messing about again with CSS3. It’s all done with an input ‘checkbox’ an a couple…

184
Yays

ScrollectBox jQuery plugin

  Views 14492   downloads 2363   Form

When used on a select-element, the ScrollectBox will act as a stylable clone, thus preserving the functionality of e.g. a form. Further down this page, in the Examples section, is a tryout form as well…

222
Yays

jQuery custom dropdown image combobox

  Views 63388   downloads 9460   Form

Feature at glance: Fully Skin-able Your original dropdown is safe, so your form post will not be messed. An image can be inserted with your text. Each <option> can have an image. You may covert…

145
Yays

Styling Your Search Form with CSS

  Views 19465   downloads 4124   Form

  First let me go over my original approach which was using <input type="image" src="image-path"> as follows: <form method="get" id="searchform" action="http://www.sohtanaka.com/"> <fieldset>…

189
Yays

jQuery UI Spinner - numeric stepper

  Views 43954   downloads 5876   Form

Usage Events The following events fire when interacting with the Spinner via keyboard or mouse: spinup - during value increment. spindown - during value decrement. spin - during value increment/decrement.…

145
Yays

Javascript numeric stepper with inputbox

  Views 15963   downloads 2368   Form

Building the Numeric Stepper With help from JavaScript and a few basic form controls we can easily create our very own Numeric Stepper. The ingredients are: a standard text input, two buttons, a container…

158
Yays

jQuery Selecting Multiple Select Form Elements on the Fly

  Views 12242   downloads 1867   Form

Select all elements with a single click Deselect all elements with a single click Select elements that match some value. (contain “red”) with a single click After spending some time digging…

141
Yays

mootools FrancyForm Checkboxes Radio buttons

  Views 12617   downloads 2005   Form

FancyForm is a powerful checkbox replacement script used to provide the ultimate flexibility in changing the appearance and function of HTML form elements. It's accessible, easy to use and degrades gracefully…

120
Yays

Using form labels as text field values jQuery

  Views 10711   downloads 2230   Form

The problem Let's rethink what I just did. I placed a sentence "Input your email here" as a text field value by adding it to the VALUE attribute. Why is that wrong? The VALUE attribute of the INPUT tag…