Boundle binds the value of HTML elements to the global boundle
JSON object. Simply include boundle.js
after jquery
, then add the data-boundle
attribute to the HTML elements you'd like to synchronize; conversely, execute the boundleForms
function to dynamically boundle any old HTML form.
boundle.username
.
You can also synchronize multiple HTML Element values with a single boundle by adding the data-boundle-to
attribute to the source HTML Element: .
Boundle automatically handles what value to synchronize from different HTML elements.
boundle.remember
boundle.on
boundle.off
boundle.details
boundle.selection
Boundle can also synchronize static text and HTML elements with the contenteditable
attribute like this.
When a boundable element doesn't have an id or name attribute (ex: "Remember Me" field) its data-boundle
attribute values follows the following convention: boundle-{[data-boundle].length}
.
The following input element types aren't boundable: