Проверяйте. Принцип работы прост... Существует поле (input) с идентификатором "input-id". В нашем JS коде мы инициализируем переменную, хранящую в себе полученный объект, на который мы вешаем listener с аргументом input. Это означает, что при любом вводе в наше поле он будет отрабатывать. Далее, мы проверяем... Действительно ли нулевой элемент из input'а не равен "@". И если это так, то мы его дописываем в самое начало.
<input id="input-id" />
let selectedInput = document.querySelector("#input-id");
selectedInput.addEventListener("input", function() {
if (this.value[0] != '@') {
this.value = '@' + this.value;
}
});
Честно говоря, не особо силен в JS коде, но такая вариация для начального понимания сойдет.