<!DOCTYPE html>
<html>
<head>
<title>Show/Hide Password Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<label for="password">Password:</label>
<input type="password" id="password" name="password">
<button id="toggle">Show/Hide</button>
<script>
$(document).ready(function() {
$('#toggle').click(function() {
var passwordField = $('#password');
var type = passwordField.attr('type') === 'password' ? 'text' : 'password';
passwordField.attr('type', type);
});
});
</script>
</body>
</html>