我有这个代码，无论我做什么，第一个输入都不会移动，唯一让它移动的是 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 回答
守候你守候我
TA贡献1802条经验 获得超10个赞
如果您使用 ID 选择器而不是类选择器（即使用#而不是.），这应该可以工作：
#pswd {
display:inline-block;
margin-right:500px;
}
隔江千里
TA贡献1906条经验 获得超10个赞
有多种方法可以在屏幕上垂直和水平居中对齐 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>
添加回答
举报
0/150
提交
取消