jqTransform with jQuery plugin

10817   1924   Form

Usage 1- Add javascript inclusion in the header section of your web page //required <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.jqtransform.min.js"></script>…

jQuery Pretty checkboxes

13134   2803   Form

The checkboxes are still there, but we won’t be clicking them. The checking/unchecking will handled by the “Select” and “Cancel” links within each list item. Each list item…

jQuery plugin: Validation Form

9249   2755   Form

An Scalable jQuery Login Box

10414   2435   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…

iPhone Style Checkboxes With CSS3

12834   2152   Form

Here’s some form input checkboxes styled with CSS3 to look like iPhone style on/off buttons. Just messing about again with CSS3. It’s all done with an input ‘checkbox’ an a couple…

ScrollectBox jQuery plugin

9196   2016   Form

When used on a select-element, the ScrollectBox will act as a stylable clone, thus preserving the functionality of e.g. a form. Further down this page, in the Examples section, is a tryout form as well…

jQuery custom dropdown image combobox

45531   6605   Form

Feature at glance: Fully Skin-able Your original dropdown is safe, so your form post will not be messed. An image can be inserted with your text. Each <option> can have an image. You may covert…

Styling Your Search Form with CSS

11656   2517   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>…

jQuery UI Spinner - numeric stepper

32833   5072   Form

Usage Events The following events fire when interacting with the Spinner via keyboard or mouse: spinup - during value increment. spindown - during value decrement. spin - during value increment/decrement.…

Javascript numeric stepper with inputbox

10235   1868   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…

jQuery Selecting Multiple Select Form Elements on the Fly

7123   1711   Form

Select all elements with a single click Deselect all elements with a single click Select elements that match some value. (contain “red”) with a single click After spending some time digging…

mootools FrancyForm Checkboxes Radio buttons

7673   1631   Form

FancyForm is a powerful checkbox replacement script used to provide the ultimate flexibility in changing the appearance and function of HTML form elements. It's accessible, easy to use and degrades gracefully…

Using form labels as text field values jQuery

6909   1425   Form

The problem Let's rethink what I just did. I placed a sentence "Input your email here" as a text field value by adding it to the VALUE attribute. Why is that wrong? The VALUE attribute of the INPUT tag…

Twitter Sign-up Page using HTML5 And CSS3 (no js)

20362   4209   HTML5

As we all know HTML5 gives us some pretty useful feature . Today I am going to show the feature which gives a new look to Forms module.In Old version of html , Forms were pretty boring and you have to…

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

10964   1833   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…