This page demonstrates form widgets from the Ot_form module. The first section shows a standard (non-reactive) form. The following sections show reactive widgets.
A standard form showcasing all HTML input types. Values are read on submit.
A reactive text input. The value is displayed below in real time.
Value: hello
A textarea with auto-resize. Try typing multiple lines.
Value:
The raw signal updates on every keystroke. The debounced signal updates after 0.5s of inactivity. This is useful for example for search fields.
Raw:
Debounced:
A password input with a visibility toggle button.
Visible: false
A select element with reactive tracking.
Selected: fr
A button that alternates between on/off states.
State: OFF
Checkboxes with different styles.
A reactive checkbox. The state is tracked via a signal.
Checked: false
Manually changed: false
A group of radio buttons with reactive selection.
Selection: 0
Integer inputs with +/- buttons.
Value: 42
Value: 10
An HTML5 date input with reactive signal.
Date: 2025-06-15
An HTML5 time input with reactive signal.
Time: 14:30
A button that can be reactively disabled. Use the toggle above to control it.
This button disables itself while the action runs (2 seconds). Try clicking it rapidly.
Type a number. Validation error (shown after blur) if not even.
Result: Ok:
A fieldset that can be reactively disabled. All elements inside become disabled.
Press Enter to trigger the action. The submitted value is shown below.
Submitted: