HTML inputs and UI elements

Input elements are ordinary DOM elements with attached so called native behaviors - controllers that handle their look and feel.

Inputs

tag and type	behavior	purpose
<input type=text>	behavior:edit	single line input
<input type=password>	behavior:password	single line password input
<input type=integer>	behavior:integer	integer numeric input
<input type=decimal>	behavior:decimal	decimal numeric input
<input type=number>	behavior:number	either integer or decimal input
<input type=button>	behavior:button	button
<input type=radio>	behavior:radio	radio button
<input type=checkbox>	behavior:check	checkbox button
<input type=hslider>	behavior:slider	horizontal slider
<input type=vslider>	behavior:slider	vertical slider
<input type=hscrollbar>	behavior:scrollbar	horizontal standalone scrollbar
<input type=vscrollbar>	behavior:scrollbar	vertical standalone scrollbar
<input type=calendar>	behavior:calendar	standalone calendar input - day selector
<input type=date>	behavior:date	date input
<input type=time>	behavior:time	time input
<input type=masked>	behavior:masked-edit	masked text input

info

All <input type=...> elements have <widget type=...> display:block counterparts.

Buttons

tag and type	behavior	purpose
<button>	behavior:button	button
<button type=submit>	behavior:button	submit button in a form
<button type=reset>	behavior:button	reset button in a form
<button type=radio>	behavior:radio	radio button combined with a label
<button type=checkbox>	behavior:check	checkbox button combined with a label
<button type=menu>	behavior:button popup-menu	button with child <menu> element, show the menu on click
<button type=toggle>	behavior:check	check button styled as a toggle

note

Buttons may also appear in <toolbar> element where they have distinct toolbar look.

Selects

tag and type	behavior	purpose
<select>	behavior:select-dropdown	select with dropdown list
<select type=dropdown>	behavior:select-dropdown	explicit declaration of select with dropdown list
<select type=list>	behavior:select	inplace list, single select, multiple select, multiple select with checkmarks
<select type=tree>	behavior:tree	hierarchical <option> tree selector: single and multiple options
<select type=switch>	behavior:select	one-of-many selector bar

Text editors

tag and type	behavior	purpose
<textarea>	behavior:textarea	Multiline text area for small texts
<htmlarea>	behavior:richtext	WYSIWYG HTML editor
<plaintext>	behavior:plaintext	Multiline plain text editor optimized for relatively large texts. Supports phrasing markup in text lines.

Output elements

tag and type	behavior	purpose
<progress>	behavior:progress	progress output
<meter>	behavior:progress	static progress output
<output>	behavior:output	value output
<video>	behavior:video	video output
<lottie>	behavior:lottie	lottie animations output

Container elements

tag and type	behavior	purpose
<frame>	behavior:frame	frame, container of loadable documents
<frame type=pager>	behavior:pager	print preview frame
<frameset>	behavior:frame-set	container with splitter separated sections
<form>	behavior:form	container of input elements, multi-value aggregate
<details>	behavior:details	collapsible container

Menus

tag and type	behavior	purpose
{ menu bar}	behavior:menu-bar	menu bar (no predefined element by default)
<menu.context>	behavior:menu	context menu
<menu.popup>	behavior:menu	generic popup menu