선형화 구조로 작업하다가 궁금한게 생겼어요~
god
ul class=list_stylelilabel for=company업체명/label/lili생산제품/lili한국표준산업분류/lili업종/lili지역/lili산업단지/lili산업단지명/li/ul
ul class=ml20liinput class=input_01 type=text size=30 id=company //liliinput class=input_01 type=text size=30 id=company //liliinput class=input_01 type=text size=30 id=company //liliinput class=input_01 type=text size=30 id=company //liliinput class=input_01 type=text size=30 id=company //liliinput class=input_01 type=text size=30 id=company //liliinput class=input_01 type=text size=30 id=company //li/ul
코드가 이렇게 있습니다. 작업중에 궁금해서 올린거라 구조가 안맞는 점은 걍 넘어가주세요 ^^;첫번째 리스트랑 두번째 리스트랑 맞물려서 가는 구조인데(그러니까 ul끼리 float:left;)
선형화 구조라는건 CSS를 제거했을때 순서대로 나와야 하자나요? 하지만 위에처럼 태그를 짜면 순서대로 안나오겠죠?
하지만 탭키로 이동했을땐 잘 넘어 갑니다. 라벨도 첫번째 리스트에 들어가게 되고여~ 라벨의 해당되는 부분은 두번째 리스트라고 보시면 됩니다.
이제 궁금한 것은
첫번째, 탭키를 눌렀을 때 잘넘어가면 CSS를 제거했을때도 선형화 구조처럼 순서대로 나와야 하는지가 궁금하네요~두번째, 라벨이 하는 역활이 뭔지 정확히 알고 싶어요~
-
하린
눈에 보여지는 화면이 전부가 아니라..html 소스가 구조적으로 순서와 모양이 맞아야 해요~~+_+
그 외의 표현은 css로 제어를 하신다고 생각하시면...+_+ 되는뎅~ -
얼
오홍~ 라벨에 inline-block주고 넓이 잡으니까 CSS로 제어하기 완젼 편해졌네요~ 선형화 구조도 지킬 수 있고 ㅎㅎ
-
Sona
음~ 그렇군요~ 그럼 탭키를 눌렀을때 업체명을 감싼 라벨에 도착하는순간 두번째 리스트에 인풋으로 포커스가 되고 그 다음부턴 탭을 눌렀을때 바로 첫번째 리스트에 라벨을 안타고 그냥 인풋으로 넘어가겠군요~
저도 label for=\company\업체명/labelinput class=\input_01\ type=\text\ size=\30\ id=\company\ /
이렇게 만들고 싶었는데 한국표준산업분류 이 글자에 맞쳐서 모든 인풋이 정렬되야하는 구조라서~ -
텐시
음? ㅇㅅㅇa 왜 이렇게 만드신건지;;
CSS를 제거했을 때도 논리적인 구조로 문서의 흐름이 전개되어야 한다고 알고 있습니다.
(아, 제가 말 재주가 너무 없...orz)
label for=\company\업체명/labelinput class=\input_01\ type=\text\ size=\30\ id=\company\ /
이렇게 연결해주셔야 하는게 맞습니다.
또한 폼을 구조화 하고 접근성을 높이기 위해 label을 사용합니다.
각 폼 컨트롤의