나는 <style> 태그

-3

에 대해 얻는 유효성 검사 오류를 어떻게 수정합니까?이 HTML 파일을 가지고 있으며 두 가지 유효성 검사 오류가 발생하며 수정 방법을 모릅니다. 스타일이 범위를 벗어났기 때문에 생각합니다. 그러나 나는 그것을 어디에 놓을 지 전혀 모르며, 좋은 시간 동안 그것을 가지고 놀았습니다. 아래에서 알 수 있듯이이 웹 사이트를 사용하여 유효성 검사 오류를 보여주는 그림을 추가했습니다. https://validator.w3.org/nu/#file 나는 <style> 태그

범위 문제입니까?

그리고 나는 내가 그것을 추가 할 경우이

<!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>

출처

2017-12-21 Aleks Slade

음, ''안에 넣으려고 했습니까? – Swellar

나는 그것을 시도했고, 다른 많은 오류를 던졌다. –

어떤 종류의 오류가 있습니까? – Swellar

-1

배치가 <head> 폼 입력에 있어야 사용해야합니다

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

여기를 확인하세요 ids, 유효하지 않은 이름.

1.) 머리 개폐 태그 사이에 스타일 태그를 넣어 :

<!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>

출처

2017-12-21 09:25:26

양식 컨트롤에 이름이 필요합니다! 그들은 label 요소가 for 속성에서 그들을 참조하기 위해 ** id **를 필요로하지만,'name'은 제출 된 양식 데이터에 나타나는 성공적인 컨트롤이되기 위해 필수적입니다. – Quentin

그것은 유효성을 검증하지 않았지만, 나는 그들을 완전성을 위해 추가했습니다. –

나는 그것이 유효하지 않다고 결코 말하지 않았습니다. 나는 그 양식이 그들없이 자료를 제출하지 않을 것이라고 말했다.타당성은 품질 보증의 시작과 끝이 아닙니다. – Quentin

<style> 요소가 <head> 요소 안에 표시해야한다 얻을. 아무 것도 허용되지 않는 <head>과 <body> 요소 사이에 넣었습니다.

는

<label>의 for 속성은 연관된 형태의 제어 id 아닌 name 참조 할 필요가있다. (여러 요소가 이름을 공유 할 수 있기 때문에 특정 요소와 관련된 모든 요소가 적합하지 않습니다.)

출처

2017-12-21 09:23:21 Quentin

-1

라벨의 for가 원하는 요소의 id을 의미한다 : <style>의 https://www.w3schools.com/tags/tag_label.asp

출처

2017-12-21 09:23:59

-4

으로 이미 코드에이 수정을 지적했다. 이것은 내부 CSS에 대한 엄격한 기준입니다.

2) 형태로 사용자에 의해 사용 속성에 대한 는 "ID"가 아니라 "이름"의 값을 사용합니다. 따라서 input 태그에 id = "name"또는 id = "email"등의 다른 속성을 추가하십시오.

출처

2017-12-21 09:51:39 Saurabh

나는 <style> 태그

답변

관련 문제