[HTML] 탭 순서 지정하기

html 페이지를 작성하다보면,

tab 키를 눌렀을때, 순서를 임의로 지정해야 할 때가 있습니다.

 

이유야 여러가지가 있겠지요.

tabindex 를 이용하면 원하는대로 순서 지정이 가능합니다.

 

<input type='text' namem='7' value='7' tabindex='1'>
<input type='text' namem='6' value='6' tabindex='2'>
<input type='text' namem='5' value='5' tabindex='3'>
<input type='text' namem='4' value='4' tabindex='4'>
<input type='text' namem='3' value='3' tabindex='5'>
<input type='text' namem='2' value='2' tabindex='6'>
<input type='text' namem='1' value='1' tabindex='7'>

<button type='button' onclick='test();' tabindex='8'>

위와 같이 input 요소에 탭키를 눌렀을 경우 순서를 임의로 지정할 수 있습니다.