form-broken.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Other Form Fields</title>
    <style>
      dt { width: 10%; float: left; text-align: right; padding-right: 0.5em;}
      dd { }
    </style>
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <form>
      <dl>
        <dt><strong>Name</strong></dt>
        <dd><input></dd>
        <dt><strong>Email</strong></dt>
        <dd><input type="email"></dd>
        <dt><strong>Phone</strong></dt>
        <dd><input type="tel"></dd>
        <dt><strong>Mobile</strong></dt>
        <dd><input></dd>
        <dt><strong>URL</strong></dt>
        <dd><input type="url"></dd>
        <dt><input type="submit">
      </dl>
    </form>
  </body>
</html>