如何在下拉菜单后添加换行符

Question

我正在学习 HTML，在摆弄表单和下拉菜单时，我发现我似乎无法在下拉菜单后添加换行符。 Here is what the page looks like

在结束标记后添加换行符似乎不起作用，添加多个换行符似乎也不起作用。有没有办法用纯 HTML 获得下拉列表下的第一个单选按钮？这是我的代码：

<form>
    <label for="dropdown" id="dropdown-label">Select one:</label><br>
        <select name="thing" id="dropdown">
          <option value="thing1">Thing 1</option>
          <option value="thing2">Thing 2</option
        </select><br>
            
    <div>
        <input type="radio" id="num1" name="choices" value="num1">
        <label for="num1">Num1</label><br>
            
        <input type="radio" id="num2" name="choices" value="num2">
        <label for="num2">Num2</label><br>  
    </div>
</form>

Answer 1

下拉元素默认为 css 'inline'。当您要求纯 HTML 答案时，我也会将 label 和 dropdown 放在 div 中（因为默认情况下它们是 display: block并且会破裂）。例如：

<form>
    <div>
        <label>...</label>
        <select>...</select>
    </div>
    <div>
        ...
    </div>
</form>

Answer 2

使用 bootstrap 你可以添加这个并且你将在所有菜单选项之间或它们之后有一条线。 <div class="dropdown-divider"></div>

Answer 3

事情 2 选项标签没有关闭。这就是 br 标签不起作用的原因。

<form>
    <label for="dropdown" id="dropdown-label">Select one:</label><br>
        <select name="thing" id="dropdown">
          <option value="thing1">Thing 1</option>
          <option value="thing2">Thing 2</option>
        </select>
        <br>
    <div>
    
        <input type="radio" id="num1" name="choices" value="num1">
        <label for="num1">Num1</label><br>
            
        <input type="radio" id="num2" name="choices" value="num2">
        <label for="num2">Num2</label><br>  
    </div>
</form>

如何在下拉菜单后添加换行符

How Do I Add a Line Break After a Dropdown Menu

html

forms

html-select

line-breaks