摘要：

今天开发一个外贸系统，必须全部英文的，但是使用到bootatrp 4的input标签的type="email"输入没有含“@”符号时会提示：“请在电子邮件地址中包含@”中文提示！一开始以为是中国下载的谷歌是浏览器自带的提示，可能国外没有的！

方案1：

直接改为type=“text”，提交表单时使用后台的校验！！

方案2：

使用oninvalid更改固定的提示信息！

<div class=" mb-3 required">
    <label for="input-email" class="col-form-label">{{ entry_email }}</label>
    <div class="input_content">
        <input oninvalid="this.setCustomValidity('Please Enter valid email')" oninput="setCustomValidity('')" autocomplete="off"                         type="email" name="email" value="" placeholder="{{ entry_email }}" id="input-email" class="form-control p-2" />
        <div id="error-email" class="invalid-feedback"></div>
     </div>
</div>