css input 과 label 사용시 문법 주의사항

input 과 label 사용시 주의사항

 

 

label 사용시 주의

폼의 설명부분 으로 input 과 같이 쓰인다 ( label 글씨를 클릭하면 lnput 에 체크 되도록 )

이떄  label태그안에 넣는 방식은 비표준이므로 추천하지 않는다. (인라인 에는 인라인 요소 안에만 가능하기 때문)

inline 요소안에 inline 문법적으로 불가 그러나 같이쓰면 클릭가능

기능구현에는 문제가 없으나 문법적으로 안됨

 

문법적으로 불가

 

---

 

 

표준방식 예시 

<div class="form_element">
<input type="radio" id="type01" name="inquiretype" value="제작문의" checked="">
<label for="type01" class="check_s">제작문의</label>
</div>

표준방식 예시

 

 

 

 

 

 

 

참고링크

https://webdir.tistory.com/435

폼 필드(input type="file") 디자인 #4