custom form elements?

Question

JavaScript

Good day to all.
I searched on the web, but I didn’t find anything sensible ...
In general, we need customization of form elements such as checkbox / radio / select
Conditions:
Implementation or jQuery or Prototype or just JS
Correct work in modern browsers
For old and mobile browsers if not supported, just display a standard element
. The ability of the script to work with its own events on these elements (preferably automatically, but with a direct indication of callback will also work)

Can someone tell me such a miracle?

Answer 1

Look at the implementation of forms on worldoftanks.ru

Answer 2

jNice

Answer 3

cusel

Answer 4

As I wrote above, the Google Closure Library has Select and it works pretty well. And also a lot more. In addition, you can see Qooxdoo and Dojo Toolkit with their Select

Answer 5

What to customize checkboxes and radio? There, writing the code yourself will be faster than figuring out how to screw someone else's. And for selects, there seems to be jQuery UI.

Answer 6

By the way, do not forget that many emulated elements do not fully support the functionality of native ones. For example, the same select, many are used to selecting an element like this - we hover over a collapsed element, press the button, the element expands, without releasing the button, move the cursor to the desired item, press the button, a selection occurs.
Only 1 out of 10 custom selects support such work, and it is very unpleasant when instead of the usual action when moving the cursor while holding the button, text is selected or the element itself is dragged.
Google Closure Library supports this behavior, jqery ui, jNice, selectboxfactory, and many others do not. Chosen - only partially.