HTML 下拉后换行

Question

我想在 HTML 表单的下拉列表后添加一个提交按钮。我无法在下拉列表和提交按钮之间添加换行符。附上一张Picture的表格。下面是我正在使用的代码。任何帮助将不胜感激。

<!DOCTYPE html>
<html>
    <head>   
    
    </head>

        <body>
    
        <form>
          
        <div>
          <input required type="text" name="firstname" placeholder="First Name"><br>
          <br><input required type="text" name="lastname" placeholder="Last Name"><br>
          <br><input requiredtype="email" name="email" placeholder="Email"><br>
          <br><input required type="text" name="phonenumber" placeholder="Phone Number"><br>
          <br><input required type="text" name="handicap" placeholder="Handicap"><br>
          <br><select required name="shirtsize" size = 1>
            <option value="" selected>Shirt Size</option>
            <option value="S"> S </option>
            <option value="M"> M </option>
            <option value="L"> L </option>
            <option value="XL"> XL </option>
            <option value="XXL"> XXL </option>
            <option value="XXXL"> XXXL </option>
            <input type="submit" value=Register>
        </div>
                
        </form>

            
        </body>
    
</html>

Answer 1

关闭 select 并添加一个换行符 (<br>)

<select required name="shirtsize" size = 1>
  <option value="" selected>Shirt Size</option>
  <option value="S"> S </option>
  <option value="M"> M </option>
  <option value="L"> L </option>
  <option value="XL"> XL </option>
  <option value="XXL"> XXL </option>
  <option value="XXXL"> XXXL </option>
</select>
<br>
<input type="submit" value=Register>

Answer 2

@David 完全正确，我会添加第二个换行符以保持格式与您的图片相似。

<select required name="shirtsize" size = 1>
  <option value="" selected>Shirt Size</option>
  <option value="S"> S </option>
  <option value="M"> M </option>
  <option value="L"> L </option>
  <option value="XL"> XL </option>
  <option value="XXL"> XXL </option>
  <option value="XXXL"> XXXL </option>
</select>
<br>
<br>
<input type="submit" value=Register>

HTML 下拉后换行

Line Break After Dropdown in HTML

html

html-select