Submit your widget
155
Yays

Submit A Form Without Page Refresh using jQuery

  Views 32122   downloads 3498   Form

we have a simple contact form with name, email, and phone number. The form submits all the fields to a php script without page refresh, using native jQuery functions (native meaning, you don’t need…

155
Yays

Formular Design mit CSS3 - Visuelle Gestaltung und der Verzicht auf Grafiken

  Views 16391   downloads 2822   Form

Kommentar- / Kontakt-Formular - HTML Struktur Um nicht mehr Daten von potentiellen Kommentatoren abzufragen als nötig und um die Gestaltung durch CSS von der Strukturierung der Daten durch entsprechende…

153
Yays

An Scalable jQuery Login Box

  Views 17156   downloads 3371   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…

152
Yays

jQuery search form list filtering

  Views 29423   downloads 7201   Form

Here’s a clever little script that’s certainly useful if you want to give users the functionality to refine search results or filter product results. If you had a list of films with long titles…

152
Yays

Stylish Contact Form with CSS3 HTML5

  Views 49608   downloads 12021   Form

we will show you the code step by step to create a full HTML5 CSS3 contact form like the one above, without using any images. First, a little disclaimer. HTML5 and CSS3 are still working drafts; the goal…

151
Yays

Javascript numeric stepper with inputbox

  Views 17846   downloads 2621   Form

Building the Numeric Stepper With help from JavaScript and a few basic form controls we can easily create our very own Numeric Stepper. The ingredients are: a standard text input, two buttons, a container…

151
Yays

iPhone Style Radio and Checkbox Switches using jQuery and CSS

  Views 20163   downloads 3142   Form

Prerequisites You need just two things for this to work correctly: JQuery 1.3.2+ and the switch.gif image file used for the backgrounds (both included in the zip file). After you have those two files,…

151
Yays
151
Yays

Image Select plugin with jQuery

  Views 37394   downloads 6054   Form

his plugin will be replaced by another from a plugin pack I’m developing, where I’ve applied lots of bugfixes. The link will be on here by the end of August. ImageSelect is a jQuery plugin…

150
Yays

Design a Prettier Web Form with CSS 3

  Views 18380   downloads 4242   Form

Subtle background gradients give depth to the fields while shadows lift them from the page. Even more impressive is that this is done without any images at all.

150
Yays

A Drop Down with Icon (CSS and jQuery)

  Views 23486   downloads 3643   Form

For me,standard HTML Select element is pretty much annoying. It's ugly. It can't be styled properly in Internet Explorer. And it can't contain nothing but simple text. That is the reason why I needed…

150
Yays

FCBKcomplete facebook-like dynamic inputs (jQuery)

  Views 12514   downloads 2507   Form

Fancy facebook-like dynamic inputs with auto complete & pre added values Use:   <script language="JavaScript"> $(document).ready(function() { $.facebooklist('#elem', '#list', '#complete',{url:'ajax-url',cache:1},…

149
Yays

JQuery simple Digg Style Sign Up Form

  Views 11313   downloads 2794   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…

149
Yays

Custom jQuery form Selectbox

  Views 22789   downloads 3463   Form

Replaces the standard HTML form selectbox with a custom looking selectbox. Allows for disable, multiselect, scrolling, and very customizable. // SIMPLE USAGE $(".exampleDiv").custSelectBox();…

146
Yays

Styling Your Search Form with CSS

  Views 20281   downloads 4310   Form

  First let me go over my original approach which was using <input type="image" src="image-path"> as follows: <form method="get" id="searchform" action="http://www.sohtanaka.com/"> <fieldset>…