Form controls states

<div class="nhsuk-form-group nhsuk-file-upload" data-module="nhsuk-file-upload"> <label class="nhsuk-label" for="file-upload-1"> Initial </label> <input class="nhsuk-file-upload__input" id="file-upload-1" name="" type="file"> </div> <div class="nhsuk-form-group nhsuk-file-upload" data-module="nhsuk-file-upload"> <label class="nhsuk-label" for="file-upload-2"> Disabled </label> <input class="nhsuk-file-upload__input" id="file-upload-2" name="" type="file" disabled> </div> <div class="nhsuk-form-group app-xray nhsuk-file-upload" data-module="nhsuk-file-upload"> <label class="nhsuk-label" for="file-upload-3"> X-ray </label> <input class="nhsuk-file-upload__input" id="file-upload-3" name="" type="file"> </div> <div class="nhsuk-form-group nhsuk-form-group--error nhsuk-file-upload" data-module="nhsuk-file-upload"> <label class="nhsuk-label" for="file-upload-4"> Error </label> <p id="file-upload-4-error" class="nhsuk-error-message"> <span class="nhsuk-u-visually-hidden">Error:</span> The selected file must be smaller than 2MB </p> <input class="nhsuk-file-upload__input" id="file-upload-4" name="" type="file" aria-describedby="file-upload-4-error"> </div> <div class="nhsuk-form-group nhsuk-form-group--error app-xray nhsuk-file-upload" data-module="nhsuk-file-upload"> <label class="nhsuk-label" for="file-upload-5"> Error, X-ray </label> <p id="file-upload-5-error" class="nhsuk-error-message"> <span class="nhsuk-u-visually-hidden">Error:</span> The selected file must be smaller than 2MB </p> <input class="nhsuk-file-upload__input" id="file-upload-5" name="" type="file" aria-describedby="file-upload-5-error"> </div>