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

Question

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

添加表格.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

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

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