Forms

newest | top rated | most popular | most commented

Added by aycarumba, 1 Year, 3 Months, 2 Weeks, 5 Days, 15 Hours, 43 Minutes ago

Stylish alert messages. Uses the Silk (http://www.famfamfam.com/lab/icons/silk/) exclamation icon. This passes the CSS Validator. It works as expected in Safari, Firefox, and Internet Explorer.

2 | Forms > Validation/Error

9.0/10

Currently 9.00/10

Fancy Forms

Added by admin, 1 Year, 2 Months, 1 Week, 4 Days, 3 Hours, 4 Minutes ago

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 easy to use and degrades gracefully on all older, non-supporting browsers.

1 | Forms > Radio & Checkboxes

7.0/10

Currently 7.25/10

Niceforms

Added by aycarumba, 1 Year, 3 Months, 4 Days, 2 Hours, 52 Minutes ago

Niceforms is a script that will replace the most commonly used form elements with custom designed ones. You can also create custom themes to suit your own website.

0 | Forms > Other

10.0/10

Currently 10.00/10

Rediscovering the Button Element

Added by aycarumba, 1 Year, 3 Months, 1 Week, 1 Day, 20 Hours, 48 Minutes ago

As is, the input with the type=”submit” is either too ugly (Firefox), a little buggy (Internet Explorer) or completely inflexible (Safari). The solution for most is to use image inputs and create the damn things ourselves. And it’s unfortunate, because then we’re reduced to the tedious tasks of opening up Photoshop every time we’re in need of a new button. What we need is something better—something…

1 | Forms > Buttons

10.0/10

Currently 9.57/10

CSS Information Message

Added by aycarumba, 1 Year, 3 Months, 2 Weeks, 5 Days, 15 Hours, 36 Minutes ago

Stylish information messages. Uses the Silk (http://www.famfamfam.com/lab/icons/silk/) info icon. This passes the CSS Validator. It works as expected in Safari, Firefox, and Internet Explorer.

0 | Forms > Validation/Error

9.0/10

Currently 8.50/10

CRIR: Checkbox & Radio Input Replacement

Added by aycarumba, 1 Year, 3 Months, 4 Days, 3 Hours, 1 Minute ago

CRIR is a combination of JavaScript and CSS will hide checkbox and radio inputs and allow you to style the label as you wish using CSS. If javascript is disabled no inputs will be hidden and the form is still be fully functional.

4 | Forms > Radio & Checkboxes

7.0/10

Currently 7.25/10

Custom Search Bar

Added by aycarumba, 1 Year, 2 Months, 4 Weeks, 2 Days, 1 Hour, 46 Minutes ago

This tutorial will teach you how to add custom form boxes (a search bar) to your designs, and in browsers that format CSS correctly (read: not IE anything, although there is an IE fix for other problems) we’re going to have nice, fancy image replacements when you click on the search box, using the :focus pseudo class. Note: This does NOT work right in Safari, because it doesn’t know how to render…

0 | Forms > Input Fields

5.0/10

Currently 5.33/10

Styled File Input

Added by aycarumba, 1 Year, 2 Months, 4 Weeks, 2 Days, 1 Hour, 52 Minutes ago

Of all form fields, the file upload field is by far the worst when it comes to styling. Explorer Windows offers some (but not many) style possibilities, Mozilla slightly less, and the other browsers none at all. The "Browse" button, especially, is completely inaccessible to CSS manipulation.

0 | Forms > Input Fields

10.0/10

Currently 10.00/10

Styling File Inputs with CSS and DOM

Added by aycarumba, 1 Year, 3 Months, 4 Days, 3 Hours, 7 Minutes ago

File inputs are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation.

0 | Forms > Input Fields

4.0/10

Currently 3.50/10

Unobtrusive Date-Picker Widgit

Added by aycarumba, 1 Year, 3 Months, 3 Days, 23 Hours, 20 Minutes ago

An attempt at writing a datePicker (calendar) that is accessible using the keyboard, requires no embedded JavaScript blocks, uses no pop-up windows and is suitable for use within documents served as application/xhtml+xml.

And also, it has the nice fade in and fade out effect.

1 | Forms > Calendars

8.0/10

Currently 8.20/10

‹ First<12 >Last ›