I’m using Angularjs and bootstrap to create some forms and I want to initialize an input with a default value that can’t be deleted.

I don’t want to make the input readonly or disabled it I want to initialize the input with some text that can’t be deleted but let the user write after this text.


Code: xyz-whatever text the user want to write

I want that the user wouldn’t be able to delete “xyz” but he can write after

<input class="form-control" placeholder="write the code" 

The default value can’t be deleted I mean the value must be undeletable , it must remain in the input field even if the user presses the delete key to delete. The “xyz-” text must remain permanently in the input, the user can only be able to delete the text that he wrote after the “xyz-“