HTML 中下拉后的换行符

Question

I am trying to add a submit button after a dropdown list in an HTML form.我试图在 HTML 表单中的下拉列表之后添加一个提交按钮。 I am unable to add a line break between the dropdown list and submit button.我无法在下拉列表和提交按钮之间添加换行符。 Attached is a Picture of the form.附上表格图片。 Below is the code I am using.下面是我正在使用的代码。 Any help would be greatly appreciated.任何帮助将不胜感激。

<!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

Close the select and add a line break ( <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> </select> <br> <input type="submit" value=Register>

Answer 2

@David is exactly right, I'd add a second line break though to keep the format similar to your picture. @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 中下拉后的换行符

问题描述

2 个解决方案

解决方案1
0 已采纳 2020-11-20 22:40:29

解决方案2
0 2020-11-20 22:44:25

HTML 中下拉后的换行符

问题描述

2 个解决方案

解决方案1 0 已采纳 2020-11-20 22:40:29

解决方案2 0 2020-11-20 22:44:25

解决方案1
0 已采纳 2020-11-20 22:40:29

解决方案2
0 2020-11-20 22:44:25