https://github.com/thomd/jquery-form-follows-function

Form Follows Function - a jQuery plugin to change the look and feel of web-forms
https://github.com/thomd/jquery-form-follows-function

Last synced: about 1 year ago
JSON representation

Form Follows Function - a jQuery plugin to change the look and feel of web-forms

• Host: GitHub
• URL: https://github.com/thomd/jquery-form-follows-function
• Owner: thomd
• License: mit
• Created: 2010-03-16T23:33:17.000Z (about 16 years ago)
• Default Branch: master
• Last Pushed: 2010-03-20T22:57:46.000Z (about 16 years ago)
• Last Synced: 2025-02-05T21:42:52.143Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 102 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
Form Follows Function - a jQuery Plugin

=======================================

> Form follows function - that has been misunderstood. Form and function should be one, joined in a spiritual union.

>

> Frank Lloyd Wright, 1908 - US architect (1869 - 1959)

What is it about?

-----------------

`jquery.form-follows-function.js` is a jQuery plugin which replaces common webform components with a nicer, more functional html proxy component. 

This is because common form elements like selectboxes are very limited to style via CSS and need a more enhanced functionality.

Right now there is only a replacement for selectboxes. More will follow!

Features

--------

### Selectbox Features

* Respects tabindex, selected and disabled attributes.

* Truncation of selected text for selectboxes with a fixed width.

* Options may also be defined individually via class-attribute keywords.

* Selectboxes are styled via CSS only to give you the most freedom.

* Optionally include label within selectbox as a hint.

* Access selectbox and options via keys.

* Replaced selectbox clones attached events from original selectbox.

Usage

-----

Example of implementation (will replace all selectboxes within a form):

    

    

    

    $(function(){

	    $('form').fff();

    });