как автоматически заполнить как @ gmail.com в html форме

Question

У меня есть форма, где каждое письмо регистрируется на @ scoops.com, но каждый раз, когда мне нужно ввести @ scoops.com, я хочу, чтобы этот пользователь просто вводил имя электронной почты и автоматическое заполнение @ scoops.com, и оно также будет отображаться на конец поля ввода? вот мой код

<div class="form-group" autocomplete="off">
        <label>Email <span style="opacity: 0.5; font-style: italic;">(Required)</span></label>
        <input autocomplete="nope" type="text" name="email" id="email"  class="form-control input-lg" 
        placeholder="Enter Email" name="name" required=""/>
        <span id="error_email"></span>
        @if($errors->has('email'))
        <div class="alert alert-danger">
        {{ $errors->first('email') }}
        </div>
        @endif
      </div>

я хочу что-то вроде этого

Answer 1

Так как вы используете Bootstrap: попробуйте включить ваш почтовый ввод в группу ввода. А затем добавьте окончание почты (сгруппировав свои входные данные). Также я не уверен, является ли 'autocomplete = "nope"' состоянием для этого атрибута. Вам следует подумать «выкл», если nope означает «нет».

<div class="input-group">
    <input autocomplete="off" type="text" name="email" id="email"  class="form-control input-lg" placeholder="Enter Email" name="name" required=""/>
     <div class="input-group-append">
         <span class="input-group-text">@scoops.com</span>
     </div>
</div>