简体   繁体   中英

Line Break After Dropdown in HTML

I am trying to add a submit button after a dropdown list in an HTML form. 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>

Close the select and add a line break ( <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>

@David is exactly right, I'd add a second line break though to keep the format similar to your picture.

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

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM