如何让密码的输入栏变成星号？

<input type="password" name="password" placeholder="请输入密码">

<input type="text" name="password" id="passwordInput" placeholder="请输入密码">

<script>
    var passwordInput = document.getElementById("passwordInput");
    passwordInput.addEventListener("input", function() {
        passwordInput.type = "password";
    });
</script>

<style>
    .password-input {
        background-image: url(star.png);
        background-repeat: no-repeat;
        background-position: center;
        padding-left: 20px; /* 根据星号图片的大小调整 */
    }
</style>

<input type="text" name="password" class="password-input" placeholder="请输入密码">