Form widgets¶
Startin’blox provides a list of default widgets to use in a form:
solid-form-label-text
¶
Inserts an
<input/>
HTML tag of type “text”, in a<label>
HTML tag.
solid-form-checkbox
¶
Inserts an
<input/>
HTML tag of type “checkbox”, in a<label>
HTML tag.
solid-form-date
¶
Inserts an
<input/>
HTML tag of type “date”, in a<label>
HTML tag.
solid-form-range-date
¶
solid-form-json
¶
Inserts an
<input/>
HTML tag of type “text”, in a<label>
HTML tag, and with itsvalue
converted from JSON to string
solid-form-placeholder-text
¶
Inserts an
<input/>
HTML tag of type “text”, with thelabel
as placeholder.
solid-form-textarea
¶
Inserts an
<textarea>
HTML tag in a<label>
HTML tag.
solid-form-dropdown
¶
Inserts a
<select>
HTML tag to select a unique value from a list. The list is provided via therange-xyz
, which expects a container’s URL. xyz is the name of the field using thesolid-form-dropdown
widget.
solid-form-placeholder-dropdown
¶
Inserts a
<select>
HTML tag to select a unique value from a list. It has no label but a default disabled value as a label
solid-form-auto-completion
¶
Inserts a
<input />
HTML tag and load an autocomplete plugin. The list is provided via therange-xyz
, which expects a container’s URL. xyz is the name of the field using thesolid-form-auto-completion
widget.
solid-form-number
¶
Inserts an
<input/>
HTML tag of type “number”, in a<label>
HTML tag.
solid-form-range-number
¶
solid-form-file
¶
Inserts an
<input/>
and an<input type="file"/>
. When a file is selected it’s uploaded, URL of file is returned by request and set as the<input/>
value. The upload URL is provided via theupload-url
attribute.