Question

我当时正在制作一个虚拟表单页面，但是我的标签无法正常工作，它会将所有内容都放在一行中。为什么会这样呢？另外，我的下拉菜单中的占位符似乎不起作用，我想在生日部分出现在屏幕上时显示“ day”，“ month”，“ year”的文本。提前致谢

<!DOCTYPE html>
<html>

<head>
  <title>Register</title>
</head>

<body>
  <h1>Register</h1>
  <form>
    <table>
      <tr>
        <label for="firstName"><b> First Name:	<input id="firstName" type="text" name="firstName" required></b></label>
        <label for="lastName"><b> Last Name:	<input id="lastname"type="text" name="lastName" required></b></label>
      </tr>
      <tr>
        <label for="male"><b>Male <input id="male" type="radio" name="gender"></b></label>
        <label for="female"><b>Female <input id="female" type="radio" name="gender"></b></label>
        <label for="other"><b>Other <input id="other" type="radio" name="gender"></b></label>
      </tr>
      <tr>
        <label for="email"><b> Email:	<input id="email" type="email" name="email" placeholder="email" required></b></label>
        <label for="password"><b> Password:	<input id="password"type="password" name="password" minlength="5" maxlength="10" placeholder="password" required></b></label>
      </tr>
      <tr>
        <label>Birthday:</label>
        <select name="day" placeholder="day">
          <option>1</option>
          <option>2</option>
          <option>3</option>
          <option>4</option>
          <option>5</option>
          <option>6</option>
          <option>7</option>
          <option>8</option>
        </select>
        <select name="month" placeholder="month">
          <option>jan</option>
          <option>feb</option>
          <option>mar</option>
          <option>apr</option>
          <option>may</option>
          <option>jun</option>
          <option>jul</option>
          <option>aug</option>
        </select>
        <select name="year" placeholder="year">
          <option>1992</option>
          <option>1882</option>
          <option>1986</option>
          <option>2016</option>
          <option>2009</option>
          <option>1973</option>
          <option>1642</option>
          <option>1558</option>
        </select>
      </tr>
      <tr>
        Agree to this text
        <input type="checkbox" name="Agree" required>
      </tr>
      <tr>
        <button>Go</button>
      </tr>
    </table>
  </form>

</body>

</html>

Answer 1

您的<table>的HTML标记无效，每行中的<td>标签是必填项。

<!DOCTYPE html>
<html>

<head>
  <title>Register</title>
</head>

<body>
  <h1>Register</h1>
  <form>
    <table>
      <tr>
        <td>
          <label for="firstName"><b> First Name:  <input id="firstName" type="text" name="firstName" required></b></label>
          <label for="lastName"><b> Last Name:    <input id="lastname"type="text" name="lastName" required></b></label>
        </td>
      </tr>
      <tr>
        <td>
          <label for="male"><b>Male <input id="male" type="radio" name="gender"></b></label>
          <label for="female"><b>Female <input id="female" type="radio" name="gender"></b></label>
          <label for="other"><b>Other <input id="other" type="radio" name="gender"></b></label>
        </td>
      </tr>
      <tr>
        <td>
          <label for="email"><b> Email:   <input id="email" type="email" name="email" placeholder="email" required></b></label>
          <label for="password"><b> Password: <input id="password"type="password" name="password" minlength="5" maxlength="10" placeholder="password" required></b></label>
        </td>
      </tr>
      <tr>
        <td>
          <label>Birthday:</label>
          <select name="day" placeholder="day">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
            <option>5</option>
            <option>6</option>
            <option>7</option>
            <option>8</option>
          </select>
          <select name="month" placeholder="month">
            <option>jan</option>
            <option>feb</option>
            <option>mar</option>
            <option>apr</option>
            <option>may</option>
            <option>jun</option>
            <option>jul</option>
            <option>aug</option>
          </select>
          <select name="year" placeholder="year">
            <option>1992</option>
            <option>1882</option>
            <option>1986</option>
            <option>2016</option>
            <option>2009</option>
            <option>1973</option>
            <option>1642</option>
            <option>1558</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>
          Agree to this text
          <input type="checkbox" name="Agree" required>
        </td>
      </tr>
      <tr>
        <td>
          <button>Go</button>
        </td>
      </tr>
    </table>
  </form>

</body>

</html>

<tr>标签未在html

1 个答案: