HTML structure of Register / Login / Hotel Login forms cannot be modified
These structures are based on Bootstrap 3 basic form layout. Every form item has ID attributes for easier access to the elements for applying styles. Following image shows the fields available in the Register / Login / Hotel Login forms and these fields can be added or remove as per the requirement.
Please note that country code can be set to show only home county number or shows the list of countries.
<span class="help-block"></span> is used for showing validation messages
Those are hidden by default and will be displayed when there is a validation error. Therefore styles like "display: none !important" must not be applied to these elements. This keeps them hidden all the time even if there is a validation error.
Splash page JS code must be valid, otherwise, it will break all the codes in the page and the page will not work properly
Accessing/modifying to these form elements via JS must be avoided. Since Vue JS is used behind the scenes, setting values will have no effect.