html - 水平显示 html 表单输入

标签 html css forms input

我正在尝试重新创建 tinypic 主页上显示的登录表单。

login

在 html 中,我有 3 个这样的元素:

E-Mail:
<input type="text" name="id" maxlength="30" value="" />
Password:
<input type="text" name="pw" maxlength="30" value="" />

<input type="submit" name="submit" value="Login" />

我试过将它们放入单独的 div 中, 将 float:left 与 css 中的唯一类一起使用 但是代码真的很乱,长得不合理。 所以本质上,我想知道是否有一种简单的方法可以使用 html 和 css 实现这种布局。

感谢抽空!

最佳答案

虽然我还没有测试过,但这个 CSS 应该可以工作:

input { display: inline; }

关于html - 水平显示 html 表单输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5970616/

相关文章:

css - Middle Div 在行中未完全展开,包括图片

javascript - 单击 img AngularJS 后更新模型

c# - 防止在 C# 中重绘控件?

javascript - 使用 JavaScript/jQuery 对数组进行表单验证

html - CSS:两个元素一起 flex 。防止缠绕。

php - 从 PHP 下载图像,它包含一堆 html 和 css 代码而不是图像

html - 使用 Supersized 跨不同分辨率调整背景图像大小/加载

html - 初始规模的含义= 1.0

html - CSS:是否可以使元素看起来像正弦/余弦函数?

javascript - 使用复选框过滤器创建/删除 div