텍스트 상자를 선택 취소하도록하는 레이블

Question

양식을 작성하는 법을 배우고 연습용으로 작성했습니다. 레이블을 지정하고 양식 요소를 클릭하려고하면 이전 요소를 선택합니다. 예를 들어, 비밀번호 입력 상자를 클릭하면 사용자 입력란에 나를 전송합니다. 라벨을 제거하면 버그가 사라집니다. 나는 라벨이 이것을하기로되어 있지 않다는 것을 확신한다. 콘솔에 오류가 표시되지 않아서 이것이 왜 작동하는지 혼란 스럽습니다.

 <form action=""> 
      <fieldset> 
       <label>username<label> 
       <input type="text" id="userInput"/> 
       <label>password<label> 
       <input type="password" id="passwordInput"/> 
       <label>Hidden<label> 
       <input type="hidden" id="hiddenInput" value="I can't tell you"/> 
       <label>Text Area<label> 
       <textArea id="areaInput" rows="10" cols="40"> 
       This is a big area with lots of text. 
       </textArea> 
       <input type="button" onClick="" value="submit"/> 
      <fieldset> 
     <form> 

Answer 1

보인다. </label>을 사용하여 <label>을 닫아야합니다. 단지 오타입니다!

Answer 2

당신은 당신의 <label> 태그를 폐쇄하지 않을 :

여기 내 코드입니다. 닫는 태그에 / 슬래시를 사용하여 당신은 당신의 라벨 태그를 폐쇄되지 않으므로 다른 레이블을 만들고있다처럼

<label>username</label>