form 썸네일형 리스트형 form_fildset 속성 폼안의 여러요소들을 그룹핑한다. legend 태그를 같이 사용하여 그룹핑한 요소들 주변에 테두리를 줄수 있다. ----------------------------------------------------------- 이름 이름: 이름 이름: ----------------------------------------------------------- 더보기 form_accesskey 속성 사용자가 해당 키를 누르면 해당 레이블과 연결된 필드로 포커스를 이동 시킨다 ----------------------------------------------------------- 이름: 이름: ----------------------------------------------------------- ctrl+9 를 누르면 필드로 이동 더보기 form_tabindex 속성 tabundex를 추가하고 숫자 값을 지정하면 사용자가 탭 키를 이용해 컨트롤을 이동할 수 있다. 탭 키를 칠때 마다 지정한 순서대로 다음 폼 컨트롤로 포커스가 이동하게 된다. 기본적으로 모든 컨트롤은 탭 순서를 가지고 있지만 tabindex를 쓰개되면 웹브라우저가 그 순서를 지정하지않고 우리가 지정한 순서대로 움직인다. 웹브라우징 시 양손을 사용할 수 없는 사용자들에게 도움이된다. ----------------------------------------------------------- 이름: 이름: ----------------------------------------------------------- 더보기 form_정의리스트활용 dl:definition list dt:definition term dd:definition description ----------------------------------------------------------- 이름: 이름: ----------------------------------------------------------- dd태그는 기본적으로 들여쓰기 한다. 더보기 form_<lavel>속성 ------------------------------------------- 이름: ------------------------------------------- 레이블/ID 관계을 사용하면 레이아웃 내의 위체에 관계없이 스크린 리더 프로그램이 각 폼 컨트롤에 해당하는 레이블을 올바로 읽어 준다. 폼의 레이블을 마크업하기 위한 목적으로 만든것이기에 이 태그를 활용하는 것은 의미를 부여함과 동시에 폼의 구조를 잡게되는것이다. 라디오버튼이나 체크박스의 경우 lavel내의 텍스트를 사용자가 클릭할때 컨트롤의 선택을 토글해준다. 따라서 컨트롤의 클릭할 수 있는 영역이 넓어져서 사용자가 좀더 쉽게 폼의 값을 지정할 수 있게된다. 더보기 이전 1 다음