明确断线

Question

有没有办法像{。}}那样使用换行符，例如：

clear

或者它只用于花车？
如果不是，在上面的例子中，什么是打破输入线的最佳方法？ （<form action="test.html"> <label for="name">What is your name?</label> <input type="text" id="name" name="name"> </form> input { clear: left; } ，p或其他？）

Answer 1

将label设为display: block。没有标记更改，只有CSS。

Answer 2

根据W3C XHTML标准，您不应该将<label>和<input />标记直接放在<form>中。所以，要么你可以在<div>内移动它们，这样：

<form action="test.html">
    <div><label for="name">What is your name?</label></div>
    <div><input type="text" id="name" name="name"></div>
</form>

或者，从语义上讲，

<form action="test.html">
  <ul>
    <li><label for="name">What is your name?</label></li>
    <li><input type="text" id="name" name="name"></li>
  </ul>
</form>

设置<ul>和<li>的样式。或者，如果您不想更改标记，则可以为label或input设置样式。

label, input {display: block;}