I'm making a login form in HTML and the backend with PHP
this is the form
<form class=" col-md-8" action="inicio.php" method="POST" onsubmit="encrypt()">
<br>
<p><?php echo $error; ?></p>
<div class="mt-3">
<h5><label for="materialLoginFormEmail">USUARIO</label></h5>
<input type="text" id="user" name="username" class="form-control" required="true" placeholder="Introduce tu usuario">
</div>
<br>
<div>
<h5><label for="materialLoginFormPassword">CONTRASEÑA</label> </h5>
<input type="password" class="form-control" required="true" id="password" name="password" value="" placeholder="Introduce tu contraseña">
</div>
<div class="d-flex justify-content-around">
<div>
<button class="btn my-4" name ="btnLogin" type="submit" style="background-color: rgba(78,133,172); color: white;">Iniciar Sesión</button>
</div>
</div>
</form>
When I clicked on the submit button in the network request appears this password is showed
Can I encrypt that field or hide?