Html 如何修复我在<；中遇到的验证错误；风格>；标签_Html_Css_Validation

Html 如何修复我在<；中遇到的验证错误；风格>；标签

html css validation

Html 如何修复我在<；中遇到的验证错误；风格>；标签,html,css,validation,Html,Css,Validation,所以我有一个HTML文件，它给了我两个验证错误，我不知道如何修复它，我想这是因为样式超出了范围，但我不知道放在哪里，已经玩了好几个小时了。正如您在下面看到的，我添加了一张图片，显示了使用此网站时出现的验证错误这是一个范围问题还是正在发生什么如果我把它加进去，我会得到这个计算机修复主{ 显示：柔性；宽度：100%；对齐项目：居中；证明内容：中心； } 标签{ 显示：块； } 康塔克塔oss 姓名：电邮：电话号码：梅德兰德：元素必须出现在元素内部。您已将其放

所以我有一个HTML文件，它给了我两个验证错误，我不知道如何修复它，我想这是因为样式超出了范围，但我不知道放在哪里，已经玩了好几个小时了。正如您在下面看到的，我添加了一张图片，显示了使用此网站时出现的验证错误

这是一个范围问题还是正在发生什么

如果我把它加进去，我会得到这个


计算机修复
主{
显示：柔性；宽度：100%；
对齐项目：居中；
证明内容：中心；
}
标签{
显示：块；
}







康塔克塔oss
姓名：
电邮：
电话号码：
梅德兰德：
元素必须出现在
元素内部。您已将其放在
和
元素之间，其中不允许任何内容

的for
属性需要引用关联表单控件的id
，而不是名称。（多个元素可以共享一个名称，因此不适合将任何内容与特定元素关联）。
标签中的for
指所需元素的id
：
   <div>
        <label for='name'>Name:</label>
        <input type="text" name='name' id='name'>
    </div>


姓名：

请在此处查看：
将
放置在
中，表单输入应使用ID，而不是名称进行验证
<!DOCTYPE html>
<html>

  <head>
    <title>ComputerFix</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
    <style>
      main {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
      }

      label {
        display: block;
      }

    </style>
  </head>




  <body class="StandardBackground">
    <div id="navbar">
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="information.html">Information</a></li>
        <li><a href="contact.html">Contact</a></li>
        <li><a href="download.html">Download</a></li>
      </ul>
    </div>


    <main>
      <form>
        <fieldset>
          <legend>Kontakta oss</legend>
          <div>
            <label for="name">Name:</label>
            <input type="text" name="name" id="name">
          </div>
          <div>
            <label for="email">Email:</label>
            <input type="email" name="email" id="email">
          </div>
          <div>
            <label for="phone">Telefonnummer:</label>
            <input type="text" name="phone" id="phone">
          </div>
          <div>
            <label for="meddelande">Meddelande:</label>
            <textarea name="meddelande" id="meddelande"></textarea>
          </div>
          <div>
            <input type="submit">
          </div>
        </fieldset>

      </form>
    </main>

  </body>

</html>


计算机修复
主要{
显示器：flex；
宽度：100%；
对齐项目：居中；
证明内容：中心；
}
标签{
显示：块；
}







康塔克塔oss
姓名：
电邮：
电话号码：
梅德兰德：
如前所述，对代码进行2处更正：
1.）将样式标签放在头部打开和关闭标签之间。这是内部CSS的严格标准
2.）您在表单中使用的for属性使用“id”的值，而不是“name”。因此，在输入标签id=“name”或id=“email”或其他任何内容中添加另一个属性。
好吧，您是否尝试将其放置在
中？我确实尝试了，但它引发了许多其他错误。什么样的错误？我刚刚更新了问题，请随意快速查看。引用错误消息。不要显示它们的屏幕截图。这使得它们很难阅读，甚至更难复制/粘贴！表单控件需要名称！它们还需要一个id，以便label元素在for属性中引用它们，但是name对于它们是成功的控件（显示在提交的表单数据中）是必不可少的。我从来没有说过它无效。我只是说没有他们表单不会提交任何数据。有效性不是QA的开始和结束。谢谢你的提示。我很幸运。
<!DOCTYPE html>
<html>

  <head>
    <title>ComputerFix</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">
    <style>
      main {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
      }

      label {
        display: block;
      }

    </style>
  </head>




  <body class="StandardBackground">
    <div id="navbar">
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="information.html">Information</a></li>
        <li><a href="contact.html">Contact</a></li>
        <li><a href="download.html">Download</a></li>
      </ul>
    </div>


    <main>
      <form>
        <fieldset>
          <legend>Kontakta oss</legend>
          <div>
            <label for="name">Name:</label>
            <input type="text" name="name" id="name">
          </div>
          <div>
            <label for="email">Email:</label>
            <input type="email" name="email" id="email">
          </div>
          <div>
            <label for="phone">Telefonnummer:</label>
            <input type="text" name="phone" id="phone">
          </div>
          <div>
            <label for="meddelande">Meddelande:</label>
            <textarea name="meddelande" id="meddelande"></textarea>
          </div>
          <div>
            <input type="submit">
          </div>
        </fieldset>

      </form>
    </main>

  </body>

</html>