我不明白為什么 HTML 表單不符合要求

Question

我無法弄清楚我的代碼有什么問題 - 星號指出的句子是必需的，下面是我的代碼。

• 正好有一個名稱為“pet_name”的輸入和一個內容為“Name”的關聯標簽

• 正好有一個名稱為“pet_type”的“select”元素和一個內容為“Type”的關聯標簽

 <div> <label for="Name">Name</label> <input type="text" id="name" name="pet_name"> </div> <div> <label for="pet_type">Type</label> <select id="type" name="pet_type"> <option value="Cat">Cat</option> <option value="Dog">Dog</option> <option value="Hamster">Hamster</option> <option value="Other">Other</option> <option value="Zebra">Zebra</option> </select> </div>

Answer 1

標簽和元素通過id屬性匹配。 此外，它們區分大小寫，因此它們需要匹配大寫和小寫字母。

例如，您可以在這篇 MDN 文章 中找到詳細信息。

<div>
  <label for="pet-name">Name</label>
  <input type="text" id="pet-name" name="pet_name">
</div>

<div>
  <label for="pet-type">Type</label>
  <select id="pet-type" name="pet_type">
    <option value="Cat">Cat</option>
    <option value="Dog">Dog</option>
    <option value="Hamster">Hamster</option>
    <option value="Other">Other</option>
    <option value="Zebra">Zebra</option>
  </select>
</div>

Answer 2

for必須是它所引用的元素的id （而不是name ）的區分大小寫的匹配項。

Answer 3

它應該是：

  <div>
      <label for="name">Name</label>
      <input type="text" id="name" name="pet_name">
  </div>

  <div>
      <label for="type">Type</label>
      <select id="type" name="pet_type">
          <option value="Cat">Cat</option>
          <option value="Dog">Dog</option>
          <option value="Hamster">Hamster</option>
          <option value="Other">Other</option>
          <option value="Zebra">Zebra</option>
      </select>
  </div>

使用 as 作為值它所指的 id