How to restrict user to input only boolean in the Form?

November 16, 2021

Is there a proper way where it restrict user to input only either true or false ? I saw that we can allow user to enter only number but how do we do for boolean ?

I tried following

<input
            type="boolean"
            [(ngModel)]="item.isApproved"
            class="form-control"
          />

But this allows user to enter any alphabet or numbers although I have defined the type is boolean.

>Solution :

You can use :

<input
                type="checkbox"
                [(ngModel)]="item.isApproved"
                class="form-control"
              />

and If you want to make checkbox size bigger you can customize scss as :

input[type="checkbox"] {
  -ms-transform: scale(3);
  -moz-transform: scale(3);
  -webkit-transform: scale(3);
  -o-transform: scale(3);
  transform: scale(3);
  padding: 40px;
  box-shadow: 2em #3b88fd;
}