Submit your widget
93
Yays

Stylish Select box(jQuery)

Views 16304   downloads 3080   Form

A cross-browser, accessible alternative to the standard form element which can be fully customised with CSS   Stylish Select attempts to replicate the functionality of the browser default select…

92
Yays

Mask Your Input Forms and Make It Beauty jQuery

Views 6862   downloads 1554   Form

Text masking is an alternative for us to display information what type of content user must input to our forms, as usual jQuery make our life easier, to implement that we just need to create the script…

91
Yays

a Progress Bar With Form(jQuery )

Views 9838   downloads 2550   Form

The Progress Bar is one of the latest components to be added to the excellent library of UI widgets and interaction helpers built on top of jQuery. It was introduced in the latest version of the library,…

91
Yays

Twitter-like dynamic character count for textareas jQuery

Views 6982   downloads 1745   Form

The best way to explain what this plugin does is to mention Twitter. Twitter posts are limited to 140 characters. While typing the Twitter post there is this always present information about how many…

91
Yays

Styling Your Search Form with CSS

Views 11613   downloads 2493   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>…

91
Yays

iPhone Style Checkboxes With CSS3

Views 12783   downloads 2132   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…

90
Yays

Javascript numeric stepper with inputbox

Views 10177   downloads 1845   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…

90
Yays

Elastic Textarea form with jQuery (Ext JS)

Views 11689   downloads 1908   Form

Since it was first featured on Facebook, elastic textareas – <textarea> elements that automatically expand or shrink depending on how much text the user inputs – has become one of the…

90
Yays

jQuery & CSS3 custom skin select lists

Views 31604   downloads 8165   Form

Skin your HTML select lists easily with Selectyze plugin. It works with IE6-9, chrome, Safari, Firefox.. HOW DOES IT WORK ? Selectyze hide your select element, and build a <div> just below the select…

89
Yays

fance Checkboxes, Radio Buttons, Select Lists, Custom HTML Form Elements

Views 14167   downloads 2858   Form

Have you ever wanted to use your own images for checkboxes, radio buttons or select lists? This script will let you do that. Easily. The unobtrusive script gracefully degrades, so if JavaScript is disabled,…

89
Yays

Simple jQuery Form Assisted Fill Plugin

Views 12882   downloads 2406   Form

The "jQuery Form Fill" fills forms from JSON objects. Fills all kinds of html elements. text password hidden textarea checkbox radio select Fills fields with jQueryUI Datepicker. Date in string format.…

88
Yays

Experiment in Password Masking

Views 6258   downloads 1684   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…

87
Yays

mcDropdown jQuery a complex hierarchical tree of options

Views 6453   downloads 1778   Form

Click the icon to the right of the text box in order to see the widget in action. If you place the widget at the bottom of the viewport, you will notice that the widget automatically scrolls the page…

87
Yays

Multiple Login Forms with Highlighting jQuery Plugin

Views 11927   downloads 2633   Form

This is a little specific… but I figured what the heck maybe it will be useful for someone. I recently had occasion to make multiple different login forms on a single page. With CSS we know we…

87
Yays

jQuery Disabled labels plugin

Views 6437   downloads 1694   Form

To better distinguish at a glance which inputs are disabled/enabled, I've chosen to style the labels of disabled inputs with a faint gray color. HTML The difference in HTML is a small one. The first example…