Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Input’

Today, using JavaScript frameworks, it is so easy to accomplish complex stuff with few lines of code, including Ajax.

For forms, if you want to make it much easier, ALAJAX is there for you. It is a jQuery plugin that automagically converts standard forms into Ajaxed ones, no coding required.

jQuery Alajax

Once inserted and the forms are defined, It blocks the default POST functionality, analyzes the input types used and sends them as an Ajax request.

Its code is well commented and leaves space for further customizations (extra actions to be taken before/after submitting).

It is mostly challenging to build table-less, semantic forms that look good & work cross-browser.

RMSforms is a CSS framework for making this process easier.

RMSforms CSS Framework

Considering forms are a list of elements, the framework uses unordered lists for grouping items & style them accordingly.

The layout of the forms & how labels are displayed can be set to be horizontal or vertical by simply updating CSS classes used.

The demo shows outputs of multiple combinations to better see what can be accomplished with RMSforms CSS framework.

Input masks are handy for better form handling and creating more user-friendly forms.

Masks for different input types can be created easily with the tools below.

iMask

iMask is an open source (free) javascript tool for creating input and textarea masking. It is built on Mootools, supports keyboard control and dynamic charset definition.

JavaScript Input Mask

 

Masked Input Plugin for jQuery

This is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc).

jQuery Masked Input Plugin

 

Password Field Image Mask

A nice JavaScript input mask which helps displaying the password field characters as images.

JavaScript Password Mask

 

dFilter

A tiny JavaScript for input masking.

Input Mask Script

 

JavaScript Mask API

A simple yet nice input mask.

JavaScript-Input-Mask-API

 

JavaScripTools

JavaScripTools is a set of JavaScript components, functions and classes which also includes a powerful input mask library.

Input Masking

 

Typecast – The Input Field Library

Typecast is an input field augmentation library. When complete it will add autocomplete, suggest and realtime character masking ability to the standard HTML input field.

JavaScript Input Library

Secure input and data handling is hard when it comes to HTML because of many different types of malicious code (XSS).

HTML Purifier is a well documented, standards-compliant HTML filter library written in PHP. It simply:

  • Removes all malicious code (better known as XSS) with an audited, secure yet permissive whitelist.
  • Makes sure your documents are standards compliant. 

PHP HTML Filter Library

HTML Purifier requires PHP 5  (PHP 4 versions are not supported any more but can be downloaded). It saves so much time while developing & offers much more expertise than most of the self-coded data-handling libraries as HTML Purifier is concentrated only in this area.

This open source secure data handling solution also has a comparison chart wih other HTML filters.

Some community-written plugins for CMS softwares, WYSIWYG editors can be found in the HTML Purifier website.

Dynamic form autocomplete code, named TextboxList, is built on Mootools javascript framework and works just like the Facebook form inputs that are very functional.

Dynamic Form Autocomplete

TextboxList works by caching all the results from a JSON Request and feeding them to the autocompleter object. When an item is added as a box, it’ removed from the feed array, and when the box is disposed it’s added back, so that it becomes available in the list when the user types.

This dynamic form autocomplete solution has a "without autocomplete" version that can be found here.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com