Welcome aboard! We are happy you are here and wish you good net-raft!
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
</head>
<body>
<input id="myID" type="text" value="password">
<script type="text/javascript">
$(document).ready(function () {
$("input").hover(function(){
var o = $("#myID").attr("type");
if (o == "text") {$("#myID").attr("type", "password")}else{$("#myID").attr("type", "text")}
},
function(){
var o = $("#myID").attr("type");
if (o == "text") {$("#myID").attr("type", "password")}else{$("#myID").attr("type", "text")}
});
});
</script>
</body>
</html>
The most helpful JQUERY solutions