Enables native inputs to be used within a Form field.
States
Disabled
Make input look inactive by adding the disabled boolean
attribute to any
<button>
element.
Readonly
Make input look inactive by adding the disabled boolean
attribute to any
<button>
element.
Events
On input change a CustomEvent goat:change
is triggered by
the element.
document.querySelector('#name-input-field').addEventListener('goat:input', function(event) {
console.log('goat:input :: ' + event.target.value);
});
document.querySelector('#name-input-field').addEventListener('goat:change', function(event) {
console.log('goat:change :: ' + event.target.value);
});