Form controls

Form controls are the components that help us indicate that one or more elements in the page are controlled to edit, read only, or disabled. When the form controls are disabled, you can't enter data into those components, whereas when they are enabled by the control components, you can go ahead and edit the data in the other fields.

The following example demonstrates the three states – Enabled, Disabled, and ReadOnly for the form components:

  • HTML:
        <div id="form-container">           <div>            <h5>Set State</h5>            <div class="oj-buttonset-width-auto"             data-bind="ojComponent: { component: 'ojButtonset',                                       checked: formState}">              <label for="enabled">Enabled</label>              <input type="radio" name="formstate" value="enabled" id="enabled" data-bind="ojComponent: ...

Get Oracle JET for Developers now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.