首页 > 解决方案 > 输入类型密码不可移动

问题描述

我有这段代码,无论我做什么,第一个输入都不会移动,唯一让它移动的是浮动:对;但我不希望它是这样的,我什至创建了这个 div->P 所以它可能会移动。有没有人遇到过这个问题?

它可能会干扰我的js吗?这是我唯一能想到的 rn

                .inner {
                    display:inline-block;
                    margin-right:500px;
                }

                .pswd {
                    display:inline-block;
                    margin-right:500px;           
                }

          </style>
        </head>
        <body>
            <div class="P">
                <input class="inner" type="password" id="pswd">
                <input class="inner" type="button" value="Submit" onclick="checkPswd();"/>
            </div>

        <script type="text/javascript">
            function checkPswd() {
                var confirmPassword = "admin";
                var password = document.getElementById("pswd").value;
                if (password == confirmPassword) {
                     window.location="A.html";
                }
                else{
                    alert("Password incorrect.");
                }
            }
        </script>

标签: javascripthtmlcss

解决方案


如果您使用 ID 选择器而不是类选择器(即使用#而不是.),这应该可以工作:

            #pswd {
                display:inline-block;
                margin-right:500px;           
            }

推荐阅读