<ui-input>

Labelled native input (text, email, password, number, date, file, color, checkbox, radio, range, …).

Forms · stable · since 2.0.0 · extends UIFormElement

Examples

<ui-input label="Email" type="email" name="email"></ui-input>
<ui-input label="Volume" type="range" value="40"></ui-input>
<ui-input label="Password" type="password"></ui-input>

Playground

Generated HTML

Event log

    API

    Attributes and properties

    PropertyAttributeTypeDefaultDescription
    disableddisabledbooleanfalse
    busydata-ui-busybooleanfalse
    namenamestring""Form field name.
    valuevaluestring""Current value.
    labellabelstring""Visible label.
    requiredrequiredbooleanfalseMark as required.
    readonlyreadonlybooleanfalseRead-only.
    primaryprimarybooleanfalsePrimary label emphasis.
    typetypestring"text"Native input type.
    checkedcheckedbooleanfalseChecked state for checkbox and radio.
    placeholderplaceholderstring""Placeholder text.

    Methods

    None.

    Events

    Slots

    None.