html - 无法让提交框显示在文本框下方

标签 html css

所以我有一个问题,即“提交”框确实显示在“密码输入”下方。所以我想知道你是否可以帮助我。感谢您的任何回答。我不是专业程序员,所以请记住这一点。

<!DOCTYPE html>
<html>
<head>
<title>HelloWorld</title>
<script type="text/javascript"
src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-
1.8.1.min.js">
</script>
<style type="text/css">

.form-field{
	clear:both;
	padding: 10px;
	width: 400px;
	
}
.form-field label {
	float: left;
	width: 150px;
	text-align: right;
}
.form-field input{
	float: right;
	width: 150px;
	text-align: left;
	
}
#submit{
	text-align: center;
}

</style>
</head>
<body>
<form class="form-field">
	<fieldset>
		<legend>Log In: </legend>
		<div>
			<label for="username">Username:</label>
			<input type="text" name="username" id="Uname">
		</div>
		<div>
			<label for="password">Password:</label>
			<input type="password" name="password" id="password">
		</div>
			<input type="submit" id="Submit" value="Submit">
	</fieldset>
</form>
</body>
</html>

最佳答案

好吧,这很简单

<label>&nbsp;</label>
<input type="submit" id="Submit" value="Submit">

为提交按钮制作一个空标签

关于html - 无法让提交框显示在文本框下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26560457/

相关文章:

html - '显示 :inline' not bringing two divs in a line

jquery - IE7 中的奇怪问题 仅在任何其他浏览器中没有

javascript - 脚本不工作(但在其他网站上工作正常)

javascript - 使用复选框(过滤)根据下拉列表中的多个选择隐藏/显示行

css - 有两个同名的类。如何在 Webdriver.IO 中使用 css/xpath 选择其中一个元素?

html - 用于更改内容数量的网格布局自动高度

javascript - 如何删除 fullPage.js 中的浅色主体?

css - 如何在 Angular + Webpack + Heroku 应用程序中加载应用程序之前包含 CSS

css - bootstrap input-group-btn 忽略高度 100%

javascript - 仅当您在特定 div 的 View 上滚动时才激活 CSS 动画