时间戳

首页 > 解决方案 > 作为表单中的块元素输入

html - 作为表单中的块元素输入

问题描述

那是我的代码

    <form class="contactForm">
        <label> Your name
          <input type="text" name="name" placeholder="Your name">
        </label>
      </form>

我希望我的输入元素显示在我的标签元素下方。认为这是块元素的问题，但是当我在 css 输入或标签中设置样式以显示为块时，什么也没有发生。感谢帮助

标签： htmlcss

解决方案

<span>带有set 的Adisplay: block应该可以解决问题 - 而且，与使用 a 不同<div>，它是有效的 HTML。只需确保父标签仍未设置为display: inline- 这是默认设置。

例子：

label,
label > span {
  display: block;
}
<form>
  <label>
    <span>Your name</span>
    <input type="text" name="name" placeholder="Your name">
  </label>
</form>

推荐阅读