将标签的位置指定为 html 中下拉菜单的上方

Question

如何指定标签在下拉菜单上方的位置？

例如

<form action="/action_page.php">
  <label for="cars">Choose a car:</label>
  <select name="cars" id="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>
  <input type="submit" value="Submit">
</form>

<label for="cars">Choose a car:</label> 中是否有任何样式参数可以将其置于菜单上方？

谢谢！

Answer 1

到目前为止它是这样工作的：

Style 应该包括 display: inline-block 和 width: 10em; 并且 label tag 应该 close 之后select tag.

<form action="/action_page.php">
  <label for="cars" style="display: inline-block; width: 10em;">Choose a car:
  <select name="cars" id="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select></label>
  <input type="submit" value="Submit">
</form>

见here

我还在寻找更详尽的解释来学习！

Answer 2

因为label是一个内联元素，你不能给它一个尺寸，除非你把它的显示选项改成block或inline-block

 <label for="cars" style="display:block;">Choose a car:</label>

MSDN解释。

将标签的位置指定为 html 中下拉菜单的上方

specify label's position to be above of the dropdown menu in html

html

dropdown