Submit your widget
76
Yays

Elastic Textarea form with jQuery (Ext JS)

2 years ago   Views 8411   downloads 1174   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…

113
Yays

cool paginated filterable multi-select widget for MooTools

2 years ago   Views 7245   downloads 894   Form

The standard HTML list box is a much maligned user interface element. It requires use of both mouse and keyboard to operate, and with any more than a few elements it requires the user to scroll. It's…

65
Yays

jQuery secure visualization of password field input

2 years ago   Views 4753   downloads 763   Form

A sexy, secure visualization of password field input In a tweet: Chroma-Hash is a jQuery plugin that dynamically visualizes secure text-field values using ambient color bars Password entry can be frustrating,…

77
Yays

form Context highlighting using jQuery

2 years ago   Views 8905   downloads 1520   Form

Since the forms were often very complex and had (too much I would say) controls on them, I needed to focus a user's attention on the current context. I first thought to highlight the current row. The…

69
Yays

jQuery Disabled labels plugin

2 years ago   Views 4322   downloads 594   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…

115
Yays

JQuery Fancy AJAX Contact Form

2 years ago   Views 22522   downloads 4115   Form

Introduction Providing a simple and reliable means of feedback from site visitors is a crucial part of any web presence. The most simple and common feedback channel are contact forms. In this tutorial…

96
Yays

JQuery simple Digg Style Sign Up Form

2 years ago   Views 5559   downloads 970   Form

Digg.com is one of the most popular social networking sites, allowing you to discover and share the content all over the web. In this tutorial we are going to simulate their signup form, with unique features…

146
Yays

CSS and jQuery Custom Checkbox and Radio Button Inputs Styled

2 years ago   Views 31762   downloads 5383   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…

75
Yays

Experiment in Password Masking

2 years ago   Views 3994   downloads 622   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…

78
Yays

jqTransform with jQuery plugin

2 years ago   Views 6833   downloads 1014   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>…

97
Yays

jQuery Pretty checkboxes

2 years ago   Views 9916   downloads 1442   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…

91
Yays

jQuery plugin: Validation Form

2 years ago   Views 6828   downloads 1384   Form

95
Yays

An Scalable jQuery Login Box

2 years ago   Views 7941   downloads 1223   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…

80
Yays

iPhone Style Checkboxes With CSS3

2 years ago   Views 9879   downloads 1371   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…

116
Yays

ScrollectBox jQuery plugin

2 years ago   Views 6220   downloads 834   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…