如何更改html错误消息验证的位置

Question

在html验证中遇到问题，因为它的位置如何尝试删除表并调整输入文本框的大小仍然是相同的位置

addform.php

这里的表单试图调整输入文本框的大小，但错误验证消息仍然不在位置

   <style type="text/css">
  #dis{
   display:none;
  }


  </style>




    <div id="dis">
    <!-- here message will be displayed -->
    </div>


 <form method='post' id='emp-SaveForm' action="#">

<table class='table table-bordered'>

    <tr>
        <td>First Name</td>
        <td><input type='text' name='fname' class='form-control' 
        pattern ="[a-zA-Z]+"
        title="First Name should only contain letters"


         required /></td>

    </tr>

    <tr>
        <td>Last Name</td>
        <td><input type='text' name='lname' class='form-control'  required></td>
    </tr>

    <tr>
        <td>Contact Number</td>
        <td><input type='number' name='contactnum' class='form-control'  required></td>
    </tr>

     <tr>
        <td>Email</td>
        <td><input type='email' name='email' class='form-control' required /></td>
    </tr>

     <tr>
        <td>Password</td>
        <td><input type="password" name='pass' class='form-control'  required /></td>
    </tr>

     <tr>
        <td>Language</td>
        <td><input type='text' name='lang' class='form-control'  required /></td>
    </tr> 
    <tr>
        <td colspan="2">
        <button type="submit" class="btn btn-primary" name="btn-save" id="btn-save">
        <span class="glyphicon glyphicon-plus"></span> Save this User
        </button>  
        </td>
    </tr>

</table>

仍然是做前端的新手，希望你能帮助我谢谢

Answer 1

我认为它需要一个位置：绝对，然后你可以将它移动到页面上任何你想要的位置。

 #dis {
       position: absolute;
       margin-left: auto;
       margin-right: auto;
    }