Input
A native text-like input bound to a model field.
The server reads the name on every change and greets it on submit.
Each preview is its own Live page in a frame, because this site is a Vue 3.5 app built on the Pulsar starter kit. An open list or popover stays inside its frame; in your application it opens over the page.
Installation
suprnova live:add inputUsage
{% import "suprnova-ui/input/input.html" as input %}
{% call input::input("full_name", placeholder="Ada Lovelace", value=full_name) %}{% endcall %}Examples
Kinds
Email, URL and telephone inputs; the server echoes each value.
Keyboard and accessibility
suprnova.input - a native text-like input bound to a model path. kind is the HTML type (text, email, url, tel); value is the island's current value of the field, rendered so the control shows it (FORM-009). authority, when set to a sequence number, marks the render as a server correction that replaces the user's unsent edit (Live spec 12).
API reference
input
| Parameter | Default | Description |
|---|---|---|
name | Required | The model field the input binds; also its `id` and `name`. |
kind | "text" | The HTML input type: `text`, `email`, `url`, `tel` or another text-like type. |
placeholder | "" | Placeholder text. |
required | false | Marks the control required. |
autocomplete | "off" | The `autocomplete` token. |
value | "" | The island's current value of the field, so the control shows it. |
authority | "" | A correction sequence. When set, this render replaces the visitor's unsent edit. |