Jquery based Attractive Multiple Select Inputs, free for your web applications.

jQuery UI Multiselect is a widget that converts html multiple select inputs into slicker interfaces.

It makes searching within the options possible which is very functional for large lists & selected items can be re-ordered by drag’n drops.

It can display the number of selected items & for an easier selection, there are select all/deselect all links provided.

The widget is unobtrusive & and be styled with ThemeRoller.

jquery-ui-multi-select

Continue reading

Easily produce more usable Form Entry Fields with ASP.NET : FormFields

FormFields is a very handy resource which makes it easier to produce more usable form entry fields with ASP.NET.

Rather than writing markup over and over for things like validation, regular expressions, dropdownlist databinding, etc., FormFields handles all the hassle for you.

asp-net-formfields

Here is an example date input with a date picker & validation:

<formField:textBox ID="tb_SchoolDate" runat="server" Type="Date" Required="True"  Title="School Date" />

Yes, that easy & with a clean markup (the look & feel can be customized via CSS).

Continue reading

Best Tips, Resources and Tutorials for making of Creative Forms using CSS

How To Create a Good Looking Form

CSS Form Styling

How To Create a Good Looking Form »
View Demo »
This tutorial explains how to design a great looking form using a clean CSS design with only the label and input tags to simulate an HTML table structure. You can use all CSS/HTML elements to design your custom form for your web projects.

A Simple Tableless Form

CSS Form Styling

Continue reading

Frequently used web design objects that comes in PSD format, Web Elements Kit

Web Elements Kit is a set of 17 frequently used web design objects that comes in PSD format.

It can be used for easier prototyping or updated easily to create completely unique outputs.

PSD Web Design Elements

There are 17 elements like:

  • tabbed content
  • sliders
  • newsletter form
  • buttons
  • & more

which are well organized, labeled & comes with various color variations to choose from.

Continue reading

Free jQuery Inline Form Labels, Full Source Toturial

I’ve been seeing the trend of applying inline labels on form elements more and more these days. So I definitely needed to come up with a solid solution that would help me easily apply this effect.

jQuery Inline Form LabelsMaybe I need to explain a little better what I am referring to. Instead of using a label that is next to or above the input element, the label is actually within the input. Then, when the input is focused, the label goes away and you can enter your value into it. Finally, when the input is no longer focused, if there is no value entered, the inline label is then added back in. Continue reading

Collection of Free Stylish Examples of Web Forms

A web form is the primary mode of permitting users to interact with a website. Whether it?s for signing up to a service, leaving a comment on a blog post, or writing an email through a web-based client such as Gmail – forms are a staple to modern websites and web applications.

In this showcase, you?ll be able to set your eyes on a few remarkable and well-constructed web form designs for inspirational ideas on how to build and design engaging and effective HTML forms.

1. Alexandru Cohaniuc

Alexandru Cohaniuc

Continue reading