如何在HTML中对齐输入表单
我是HTML的新手，正在尝试学习如何使用表单。
到目前为止，我最大的问题是对齐表格。这是我当前的HTML文件的示例：
<form>
First Name:<input type="text" name="first"><br />
Last Name:<input type="text" name="last"><br />
Email:<input type="text" name="email"><br />
</form>
问题在于，“电子邮件”后的字段框与名字和姓氏相比在空格方面有很大不同。使其真正“排队”的“正确”方法是什么？
我正在尝试练习良好的格式和语法…很多人可能不确定使用CSS来做到这一点，到目前为止，我仅了解HTML的基本知识。
问题答案：
另一个使用CSS的示例，我只是将表单与容器类放在div中。并指定包含在其中的输入元素应为容器宽度的100％，并且任一侧均不包含任何元素。
.container {
width: 500px;
clear: both;
}
.container input {
width: 100%;
clear: both;
}
<html>
<head>
<title>Example form</title>
</head>
<body>
<div class="container">
<form>
<label>First Name</label>
<input type="text" name="first"><br />
<label>Last Name</label>
<input type="text" name="last"><br />
<label>Email</label>
<input type="text" name="email"><br />
</form>
</div>
</body>
</html>
-
问题内容： 对于所有默认输入，您要填充的文本从左侧开始。您如何使它从右边开始？ 问题答案： 在CSS中使用text-align属性： 这将在页面的所有输入中生效。 否则，如果只想对齐一个输入的文本，请设置内联样式：
-
问题内容： 如何在输入框中获取输入框中的值？ 问题答案： 每次释放键都会触发onkeyup。虽然它看起来是解决方案，但它仍然存在一些问题。 如果用户使用箭头移动光标，则会触发该光标，并且您必须检查自己是否字段值没有更改。 如果用户使用鼠标在输入字段中复制/粘贴一个值，或者在浏览器中单击“撤消/重做”，则不会触发。 就像在Mac或Google文档中一样，我不想保存按钮来在我们的应用程序中提交表单，这
-
问题内容： 我有一个非常基本和已知的表单方案，需要正确对齐输入旁边的标签。但是我不知道该怎么做。 我的目标是使标签在右侧输入旁边对齐。这是期望结果的图片示例。 在此处输入图片说明 为方便起见，我做了一个小提琴，以澄清我现在所拥有的-http://jsfiddle.net/WX58z/ 片段： 问题答案： 一种可能的解决方案： 给标签display: inline-block; 给他们一个固定的宽度
-
我有一个包含一些卡片的容器，我想让每一张卡片开始在容器的左边框和结束在右边框，像下面的代码。 但最后两个元素之间有太多的空间，我如何删除它？？ 我已经尝试添加以使其行为符合我的要求，但角卡不会碰到边框。有什么帮助吗？？
-
问题内容： 我有一张表格，其中一列包含十进制数字。我希望以类似于文字处理器的“十进制制表符”功能的方式对齐它们，以便所有点都位于一条垂直线上。 我目前有两种可能的解决方案，但我希望有更好的解决方案… 解决方案1：在HTML中拆分数字，例如 与 （是的，此解决方案不能完全按原样工作。但是，此概念是有效的。） 解决方案2：我发现提到 根据参考页，这是HTML4的一部分，但是在我必须使用的浏览器FF3.
-
问题内容： 考虑以下代码： HTML: CSS: 将label和放在（垂直）input中间的最简单方法是div什么？ 问题答案： div { 此方法的优点是您可以更改的高度div，更改文本字段的高度并更改字体大小，并且所有内容始终位于中间。