Mostly a copy of the demo from this repo that I set up to have a common place to style all the input elements used throughout the site.

{
  "__v": 1,
  "name": "firstName",
  "error": 7,
  "isTouched": false,
  "value": "krillin",
  "startValue": "krillin",
  "isChanged": false,
  "isDisabled": false
}
{
  "__v": 1,
  "name": "lastName",
  "error": 0,
  "isTouched": false,
  "value": "???",
  "startValue": "???",
  "isChanged": false,
  "isDisabled": false
}

{
  "0": {
    "__v": 1,
    "name": "checkboxArray0",
    "error": 0,
    "isTouched": false,
    "value": false,
    "startValue": false,
    "isChanged": false,
    "isDisabled": false
  },
  "1": {
    "__v": 1,
    "name": "checkboxArray1",
    "error": 0,
    "isTouched": false,
    "value": false,
    "startValue": false,
    "isChanged": false,
    "isDisabled": false
  },
  "2": {
    "__v": 1,
    "name": "checkboxArray2",
    "error": 0,
    "isTouched": false,
    "value": true,
    "startValue": true,
    "isChanged": false,
    "isDisabled": false
  }
}
{
  "__v": 1,
  "name": "checkbox1",
  "error": 0,
  "isTouched": false,
  "value": true,
  "startValue": true,
  "isChanged": false,
  "isDisabled": false
}

{
  "__v": 1,
  "name": "email",
  "error": 0,
  "isTouched": false,
  "value": "[email protected]",
  "startValue": "[email protected]",
  "isChanged": false,
  "isDisabled": false
}
{
  "__v": 1,
  "name": "number",
  "error": 0,
  "isTouched": false,
  "value": 2,
  "startValue": "2.0",
  "isChanged": false,
  "isDisabled": false
}
{
  "__v": 1,
  "name": "password",
  "error": 0,
  "isTouched": false,
  "value": "secret",
  "startValue": "secret",
  "isChanged": false,
  "isDisabled": false
}
{
  "__v": 1,
  "name": "colorName",
  "error": 0,
  "isTouched": false,
  "value": "#FF00FF",
  "startValue": "#FF00FF",
  "isChanged": false,
  "isDisabled": false
}

{
  "__v": 1,
  "name": "range",
  "error": 0,
  "isTouched": false,
  "value": 10,
  "startValue": 10,
  "isChanged": false,
  "isDisabled": false
}
{
  "__v": 1,
  "name": "textarea",
  "error": 0,
  "isTouched": false,
  "value": "",
  "startValue": "",
  "isChanged": false,
  "isDisabled": false
}

Radiobutton1
Radiobutton2*
Required field. This warning will show even if the input hasn't been touched.
{
  "__v": 1,
  "name": "radiobutton1",
  "error": 0,
  "isTouched": false,
  "value": "6",
  "startValue": "6",
  "isChanged": false,
  "isDisabled": false
}
{
  "__v": 1,
  "name": "radiobutton2",
  "error": 5,
  "isTouched": false,
  "isChanged": false,
  "isDisabled": false
}
{
  "__v": 1,
  "name": "select1",
  "error": 5,
  "isTouched": false,
  "isChanged": false,
  "isDisabled": false
}
{
  "__v": 1,
  "name": "select2",
  "error": 0,
  "isTouched": false,
  "value": {
    "value": "5",
    "id": "3"
  },
  "startValue": {
    "value": "5",
    "id": "3"
  },
  "isChanged": false,
  "isDisabled": false
}

Form Status

{
  "globalError": 7,
  "isChanged": false,
  "isSubmitted": false,
  "isTouched": false,
  "isValid": false,
  "submissions": 0
}