Form elements

A collection of advanced form controls published as custom elements. Ranges of these elements can be scaled with linear, logarithm, or exponential curves, values and tickmarks can by expressed in dB, Hz, seconds and other units, and the elements may be used in forms with their values being submitted like other form controls.

<rotary-input>

A rotating knob input that can be dragged vertically, with scaling, step, ticks, units and formatted output display.

Volume Documentation

<range-input>

A horizontal slider input built around an <input type="range"> augmented with scaling, step, ticks, units and formatted output display.

Scale Documentation

<y-input>

A vertical slider input with scaling, step, ticks, units, output display and multiple values.

Range Documentation

<xy-input>

A two-axis input with scaling, step, ticks, units and multiple value handles.

Envelope Documentation

<number-control>

A wrapper element that augments an <input type="number"> with increment/decrement controls.

Documentation

<select-control>

A wrapper element that augments a <select> with previous/next controls.

Documentation

Contribute

Support development: Sponsor


Built by Stephen Band for Cruncher logo Cruncher.

Documentation set in Euclid and Martian Mono. Fonts used for documentation not included as part of the license covering the use of form-elements.