Html 在输入字段下方显示错误消息

是否有任何本机HTML元素可用于在输入字段下显示文本？像标签之类的东西

现在，我在表单中间有一个输入字段，如果用户在该字段中输入了错误的值，我想在该字段下面显示一条错误消息

对于在此字段下方显示错误消息，如果用户在该字段中输入了错误值，则表示显示验证错误。HTML 5中提供了两种类型的验证错误消息：

自动消息 自定义消息 自动消息 自动消息只使用HTML5表单属性。但缺点是它们是自动的，默认情况下不可自定义。例如，如果您需要电子邮件，Firefox上的默认错误消息，当您指定电子邮件输入但无法写入时：请输入电子邮件地址，您将无法仅使用HTML和CSS更改此地址

另一个缺点是默认消息取决于浏览器区域设置，因此，例如，如果您借用朋友的法语计算机查看英语网站，则这些默认错误消息将以法语显示：

来源：Mozilla开发者网络文章：

自定义消息 正如上面所说：

要自定义这些消息的外观和文本，必须使用JavaScript；仅仅使用HTML和CSS是没有办法做到的

HTML5提供了检查和自定义表单元素状态的功能

示例来自：

我想请你给我发一封电子邮件 提交 var email=document.getElementByIdmail； email.addEventListenerkeyup，函数事件{ 如果email.validity.typesmatch不匹配{ 我希望收到一封电子邮件，亲爱的！； }否则{ email.setCustomValidity； } }; 因此，是的，在HTML5中，您可以在输入下方显示消息。请注意，它们要么是自动类型，要么要自定义，您需要研究使用约束验证API使用JavaScript编写您自己的消息。

Asp.net core

 <div class="form-group row col-md-12 field-space">
       <label asp-for="Code" class="col-sm-3 col-form-label required"></label>
       <input asp-for="Code" class="form-control form-control-sm col-sm-3" placeholder="Code" />
       <span asp-validation-for="Code" class="text-danger col-sm-4"></span>
    </div>

<div class="form-group">
   <label asp-for="Code" class="col-form-label required"></label>
   <input asp-for="Code" class="form-control form-control-sm " placeholder="Code"/>
    <span asp-validation-for="Code" class="text-danger "></span>
</div>