Обязательное поле Codeigniter не совпадает с обязательным тегом Html5

Я использую codeigniter, чтобы сделать форму входа, используя php. Скриншот демонстрации

Я хотел бы использовать традиционный html5 обязательный тег для полей ввода. Тег html5 required не позволяет вам отправлять страницу, если поле ввода пустое и имеет хороший стиль, так как всплывающее окно без перезагрузки страницы.

Я использую codeigniter, и хотя я добавил необходимые функции в форму ввода, он по-прежнему позволяет пользователям отправлять страницы в пустые поля и выдает им ошибку после перезагрузки страницы. и стиль уродлив.

Как сделать тег php codeigniter required обязательным, например встроенный тег html5 required

Мой код php

$ this-> form_validation-> set_rules (‘username’, ‘username’, ‘required’);

Я хотел бы сделать его похожим на HTML поле обязательного стиля

Имя пользователя: < input type = «text» name = «usrname» обязательно>

заранее спасибо

Скриншот демонстрации