名称属性抑制onClick功能

Question

下面的代码正常工作，它更改了密码类型，以显示输入为文本。 将名称属性添加到“密码”以从PHP中的$ post检索数据时，会出现ProLEM。我认为可能没有一种方法可以在没有“名称”的情况下获取数据的数据，但是我的reasearch表明，没有“名称”属性，无法检索数据。

问题：如何带入名称属性并保持我的功能？

            <div>
                <label for="password">Passwort (8 min. pls. )</label>
                <input type="password" id="password" minlenght="8" required>
            </div>
            <div>
                <label for="anzeigen">Passwort anzeigen</label>
                <input type="checkbox" onclick="anzeigen()" >
            </div>
            <div>
                <input type="submit" id="mitmachen" value="mitmachen">
            </div>
        </form>
        <script>
            function anzeigen() {
                var x = document.getElementById("password");
                if (x.type === "password") {
                    x.type = "text";
                }else {
                    x.type = "password";
                }
            }
        </script>