输入式密码不可移动
我有这个代码，无论我做什么，第一个输入都不会移动，唯一让它移动的是 float:right; 但我不希望它像这样我什至创建了这个 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>
海绵宝宝撒2回答
-
守候你守候我
如果您使用 ID 选择器而不是类选择器（即使用#而不是.），这应该可以工作： #pswd { display:inline-block; margin-right:500px; } -
隔江千里
有多种方法可以在屏幕上垂直和水平居中对齐 div。我也用过display:flex。 'use-strict' function checkPswd(form) { const confirmPassword = "admin"; let passwordProvided = form.elements.newPassword.value; if (passwordProvided === confirmPassword) { // If correct } else { // If failure } // to prevent default action return false; }.form--wrapper { width: 150px; height: 150px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}form { display: flex; flex-direction: column; justify-content: center; height: 100%; width: 100%; border: 2px dashed orange}<div class="form--wrapper"> <form name="change-password" onsubmit="return checkPswd(this)"> <input class="inner" name="newPassword" type="password"> <input class="inner" type="submit" value="Submit" /> </form></div>
随时随地看视频慕课网APP
相关分类
JavaScript