Skip to main content

behavior: decimal

Either floating number input element behavior.

Elements​

that have this behavior applied by default:

  • <input type="decimal" /> - inline float input element

Model​

Upon initialization the behavior creates following DOM structure:

<input>
  <caption>
  <button.plus>
  <button.minus>
</input>

Where <caption> will have behavior:edit applied with corresponding filter set. <button.plus>/<button.minus> sub-elements will be created if the input has attribute step defined.

All sub-elements will have :synthetic state flag set on them.

Attributes​

that this behavior knows about:

  • value=numeric - initial value of the input element
  • min=numeric - minimal allowed value.
  • max=numeric - maximal allowed value.
  • step=numeric - increment/decrement step. If this property is defined the behavior will create additional -/+ buttons.
  • novalue="text" | placeholder="text" - if editbox is empty then it shows text provided by the novalue attribute. You can style this state by using :empty CSS selector.
  • readonly - declares that element is read only.

Events​

Aside of standard set of events (mouse, keyboard, focus) behavior: button generates:

  • "input" | "change" event - value of the element was changed due to user actions. Posted (asynchronous) event.
  • "changing" event - sent when value of the element is about to change. Synchronous event.

Value​

integer or undefined, reflects current status of internal editing buffer.

Special key combinations​

  • LEFT, CTRL+LEFT, SHIFT+LEFT, CTRL+SHIFT+LEFT
  • RIGHT, CTRL+RIGHT, SHIFT+RIGHT, CTRL+SHIFT+RIGHT
  • HOME, SHIFT+HOME
  • END, SHIFT+END
  • BACKSPACE, ALT+BACKSPACE, CTRL+BACKSPACE
  • CTRL+A
  • DELETE, SHIFT+DELETE, CTRL+DELETE
  • INSERT, SHIFT+INSERT, CTRL+INSERT
  • CTRL+X
  • CTRL+V
  • CTRL+Z
  • CTRL+(LEFT)SHIFT and CTRL+(RIGHT)SHIFT - in forms having the dir attribute these key combinations switches between dir="ltr" and dir="rtl".

Methods​

N/A - this input element has no specific methods but <caption> sub-element has behavior:edit specific methods.