Best Forms and Controls Scripts for Web

Fort.js can be attached to any form on the page and be used to show how much of the form's fields have been filled in.With every new form field that the user has added text to, there's a horizontal line slowly advancing at the top of the page.As more...

This technique is also known as "input masking" and is usually used with number-based user text, specifically for automatically adding decimals, separators, delimiters, suffixes, and prefixes.While input masking is used for formatting phone numbers,...

Freewall is a modern script that will help developers create page layouts that shift around based on the free space they have available for displaying the content.The content itself is organized in small cells which get shifted around on a dynamic grid...

ngCustomerVoice is a self-hosted alternative to showing customer support modals on your site, usually powered by third-party services like Intercom or Uservoice.This AngularJS directive allows developers to use their own email server to send the data,...

Selectivity.js was inspired by the Select2 jQuery plugin, a tool also for beautifying dropdown selects.Originally named Select3 and then renamed to Selectivity, this plugin works as an enhanced version of Select2, with lots of new features included.All of...

When the field is focused, the label is faded out and disappears when text entry starts.Clearing a field and leaving brings back the label.What is new in this release:Bumped version number, set className to false by default, updated change...

xScroll allows an extra level of customization for a Web page, letting programmers control the scrollbar UI.Besides the graphic changes made to the scrollbar, developers can also mimic the behavior seen the OS X Lion systems, by showing the scrollbar only...

ctrlEnter.js was inspired by the functionality of various desktop software (like Mozilla Thunderbird) that submits data when the CONTROL + ENTER keys are pressed.The plugin can be used with any form, and works regardless of the server-side backend...

Inspired by GitHub's Zen editing mode, the WideArea library works the same, adding a small icon to the top-right corner of a textarea.When this icon is pressed, the extarea is expanded to fullscreen (actually full-page), and its content displayed in the...

Various demos are included with the download package.What is new in this release:Store-based grids will now show noDataMessage when store is null. What is new in version 0.4.0 / 0.5.0-dev:Store-based grids will now show noDataMessage when store is...