Javascript html表单中错误消息/提示的正确位置

我有一个简单的标准表单，并计划使用javascript的

document.getElementById（“idname”）.innerHTML=“提示/错误消息”

更改/显示表单上的错误消息

在表单上放置错误消息的正确位置在哪里

内部标签？在标签旁边

我是把它放在一个div里还是一个span里

（我希望错误消息显示在输入字段的右侧。）

以下是我的表格：

<form id="registerForm" method="POST" action="register_post.php">

  <p class="form-registerUserName">
    <label for="registerUserName">User Name</label>
    <span class="required">*</span>
    <input
        id="registerUserName"
        name="registerUserName"
        type="text"
        size="24"
        maxlength="24"
        value="<?php echo $_SESSION['registerUserName'];?>"
        onkeyup="validateName()"
        onblur="validateName()"
     >
   </p>
</form>



用户名
*
您可以在Div上显示错误消息以进行验证，以便使用javascript轻松管理Div显示/隐藏

例如

请输入用户名*

现在检查是否提交其填充，并显示和隐藏错误div，这样您就可以以正确的形式使用css了
通常，如果您使用div作为包装，并将错误消息放在标签中，然后将其放在输入框旁边，这是很好的

说：
用户名
*
"
onkeyup=“validateName（）”
onblur=“validateName（）”
>

CSS

input{
    display: inline-block;
}
label.error_msg{
    display: none;
    color: red;
}

这取决于您和您的需求最标准或最流行的方式是什么？因此，我为错误消息创建了第二个标签元素？可以为相同的输入创建两个标签元素吗？在错误消息中使用标签、span、p或div方面没有固定的约定。您可以使用其中任何一个，并记住您需要的css更改d根据您选择的元素进行设置css的任何提示将第二个标签放置在输入框的右侧？（第一个标签位于框的上方）第二个标签应始终位于文本框之后，以便当它可见时，它将显示在文本框的旁边
input{
    display: inline-block;
}
label.error_msg{
    display: none;
    color: red;
}