我如何解决关于 <style> 标签的验证错误

亚历克斯·斯莱德

所以我有这个 HTML 文件，它给了我两个验证错误，我不知道如何修复它，我认为这是因为样式超出范围但我不知道将它放在哪里，一直在玩弄它现在很好。正如您在下面看到的，我添加了一张图片，显示了使用此网站https://validator.w3.org/nu/#file的验证错误

这是一个范围问题还是这里发生了什么？

如果我将它添加到我得到这个

<!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">
    </head> 

    <style>
            main { 
                display:flex;    width: 100%;
                align-items:center;
                justify-content:center;
            }

            label {
                display:block;
            }
        </style>


    <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'>
                    </div>
                    <div>
                        <label for='email'>Email:</label>
                        <input type="email" name='email'>
                    </div>
                    <div>
                        <label for='phone'>Telefonnummer:</label>
                        <input type="text" name='phone'>
                    </div>
                    <div>
                        <label for='meddelande'>Meddelande:</label>
                        <textarea name='meddelande'></textarea>
                    </div>
                    <div>
                        <input type='submit'>
                    </div>
                </fieldset>

            </form>
        </main>

    </body>
</html>

dom_ahdigital

的位置<style>应该在，<head>并且表单输入应该使用 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>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。