Automatically submits a form when a field changes.
The following would automatically submit the form when the query
field is changed:
<form method="GET" action="/search">
<input type="search" name="query" up-autosubmit> <!-- mark: up-autosubmit -->
<input type="checkbox" name="archive"> Include archived
</form>
You can set [up-autosubmit]
on any element to submit the form when a contained field changes.
For instance, to auto-submit a form when any field changes, set the [up-autosubmit]
on the <form>
element:
<form method="GET" action="/search" up-autosubmit>
<input type="search" name="query">
<input type="checkbox" name="archive"> Include archived
</form>
Multiple radio buttons with the same [name]
(a radio button group)
produce a single value for the form.
To auto-submit group of radio buttons, use the [up-autosubmit]
attribute on an
element containing the entire button group:
<div up-autosubmit>
<input type="radio" name="format" value="html"> HTML format
<input type="radio" name="format" value="pdf"> PDF format
<input type="radio" name="format" value="txt"> Text format
</div>
The type of event to watch.
The number of milliseconds to wait after a change.
This can be used to batch multiple events within a short time span. See debouncing callbacks.
Whether to disable fields while a request is loading.
A placeholder to show within the targeted fragment while a request is loading.
One or more previews that temporarily change the page while a request is loading.
Whether to set feedback classes while a request is loading.