我在 JSP 页面上有一个登录表单。
除了文本字段没有正确对齐外,它几乎是完美的。我希望我的文本字段看起来像 Facebook 的登录页面。
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
div.ex
{
width:300px;
padding:10px;
border:5px solid gray;
margin:0px;
}
</style>
</head>
<body>
<div class="ex">
<h1>Login Page</h1>
<hr>
<form>
<p>
<label>
ID
<input type="text" name="id"/>
</label>
</p>
<p>
<label>
password
<input type="password" name="password"/>
</label>
</p>
<p>
<label><input type="checkbox" name="rememberMe">Keep me logged in</label>
<input type="submit" value="login"/>
</p>
</form>
</div>
</body>
</html>
以上是我的 JSP 脚本,非常感谢有人可以帮助我。
最佳答案
首先从 label
中取出 input
标签。这会将标签对齐到输入字段的左侧。要使标 checkout 现在输入字段上方,请为其设置 display: block;
关于html - 如何对齐文本字段?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20666353/