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

Posts Tagged ‘Form’

Using Uni-Form, which is a standards-based form template, even web users with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms.

Nice Looking Forms Uni-Form

Users can choose between most common form layouts by simply assigning a css class to the fieldset element in order to get a different layout of the form controls your design requires.

Within the Uni-Form community, there are some extensions built too, like a Prototype one.

Probably, most of us upload photos to flickr via e-mail or once used Craigslist & auto-generated temporary e-mails of it for the listings.

If you want to build a similar e-mail to http process, there is a web service named Email2HTTP, which turns incoming email into easy-to-handle HTTP POST requests.

E-mail To Content

How does it work?

Email2HTTP works by acting as the mail server for your domain. When email arrives that matches one of your filters, it is posted to your chosen URL as if it were coming from a form on a web page. The attachments are sent as if they are file uploads on that form.

Who is it for?

Email2HTTP is for web developers who need to accept email in their web applications, but do not want to maintain their own mail servers & software.

P.S. Email2HTTP is now in the beta phase & totally free. In the future, besides the paid plans, a free plan will also be provided.

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.

Styling checkboxes & radio buttons to give them a look other than standard forms can be a key to impress site visitors.

Using FancyForm, which is a powerful checkbox replacement script used to provide the ultimate flexibility in changing the appearance and function of HTML form elements, gives very nice looking form outputs.

FancyForm is very quick to setup (only two lines of markup needed), extendible and will degrade if viewed from an older browser.

Nice Looking Checkbox Radio Button

P.S. FancyForm uses the ultra-lightweight Mootools JavaScript framework (Mootools is included with the download).

This Asp.Net Ajax Auto-Complete Control which is created by Matt Berseth works similar to Google Suggest.

After you start typing the keyword, Asp.Net Ajax AutoComplete Control starts to offer you results from the dataset and when the keyword is typed results are filtered according to the keyword.

Ajax Auto Complete Asp.Net

Code uses AjaxControlToolkit’s AutoComplete extender for suggesting the values.

Validating forms as users type is a nice feature for users, it lets them see when they make a mistake.

An ajax live form validation library, LiveValidation is not only a form validation library, it can also be used for other types of validations.

Ajax Live Form Validation

The naming conventions and parameters of the validations are similar to those found in the Ruby on Rails framework, and as such is the perfect client-side companion. Don’t worry if you dont use Ruby on Rails though, LiveValidation can be used anywhere you like, is simple to learn, and a joy to use.

LiveValidation has standalone and prototype.js versions for download.

Website Contact Form Generator utility enables you to create form-to-email scripts for your ASP, PHP or Perl web site with no programming skills needed.

It is possible to define all variables of a contact form including input types, javascript validations, subject & to-from addresses of the e-mail that will be sent when the contact form is filled.

Contact Form Generator

Form auto-completing feature is seen on many websites like Gmail, Yahoo and more.

Auto-completing makes inputting experience easier & faster for the user. On the other hand it is very helpful for the standardization of content, keywords, tags, etc. It may prevent a user wrongly writing Mcrsoft rather than Microsoft for example.

Form Auto Complete

Auto Complete Control is a javascript script which offers a simple to use solution.

It is not an Ajax, dynamic-keywords script. The keywords which will be shown while filling the form are defined staticly.

Auto Complete Control has some nice features like defining "delimiters" which makes it easier to use for "tag inputs". And it can be styled so easily.


How To Use Auto Complete Control?

Firstly, include the .js file into your script:

<script language="javascript" type="text/javascript" src="actb.js"></script>

Next, create an array (in JavaScript) containing the keywords:

customarray = new Array(‘apple’,’pear’,’mango’,’pineapple’,’orange’,’banana’,’durian’, ‘jackfruit’,’etc’);

Apply the widget to your textbox using JavaScript:


And you’re done!


Uptime Robot