html 형식의 span/dev 태그에 label 태그를 사용해야하는 경우?

Question

라벨 태그를 span 또는 dev보다 형식으로 사용해야하는 경우?

예 :

옵션 1 스팬 :

<form action=""> 
<span>Name:</span><input type="text"> 
<input type="submit" /> 
</form> 

옵션 2 라벨 :

<form action=""> 
<label>Name:</label><input type="text"> 
<input type="submit" /> 
</form> 

옵션 3-DIV :

<form action=""> 
<label for="txt">Name:</label><input type="text" id="txt" name="txt" /> 
<input type="submit" /> 
</form> 

그런 다음 입력 요소에 초점을 맞출 것이다 라벨 클릭 :

<form action=""> 
<div style="display:inline;">Name:</div><input type="text"> 
<input type="submit" /> 
</form> 

감사

Answer 1

이 라벨 태그위한 것입니다.

Answer 2

레이블 태그는 주로 for 속성과 함께 사용됩니다. 이것은 양식의 웹 접근성을 돕습니다. 태그의를 사용하여 예를

<form> 
<label for="firstName">First name:</label> 
<input type="text" name="firstName" value=""/> 
</form> 

을 위해, 우리는 기본적으로 텍스트 "이름 :"연결할 수있는 입력 필드 이름 = "firstName을"을 갖는.

이외에도 허용되는 다른 속성이 있지만 스팬이 스타일 업 마크 업에보다 규칙적으로 사용됩니다.