
 <div style="margin-top:100px;">
 <div class="container mt-3">
  <h6>Please enter username and password:</h6> 
    
  <sub id="res" class="text-danger"></sub>
<table class="table"  style="width:70%;">
  <tr>
    <td>
       <div class="form-floating mb-3 mt-3"> 
      <input type="text" class="form-control" id="uname" placeholder="Enter username" name="uname" required>
       <label for="uname">Username</label>
      <div class="valid-feedback">Valid.</div>
      <div class="invalid-feedback">Username required.</div>
    </div>
    </td>
    <td>
       <div class="form-floating mb-3 mt-3"> 
      <input type="password" class="form-control" id="pwd" placeholder="Enter password" name="pwd" required>
       <label for="pwd">Password</label>
      <div class="valid-feedback">Valid.</div>
      <div class="invalid-feedback">Password required.</div>
    </div>
    </td>
  </tr>
  <tr>
    <td colspan="2"  >
      
  <button type="submit" style="width:100%;" class="btn btn-primary" onclick="var sdate=$('#sdate').val();var pwd=$('#pwd').val(); var username=$('#uname').val(); if(username!='' && pwd!=''){$.post('logblockPro.php',{pwd:pwd,username:username},function(data){$('#disp').html(data).show();});} else{document.getElementById('res').innerHTML='Username and password rquired!..';}">Login</button>
    </td>
  </tr>

</table>
 
 
 
