2012-01-20 4 views
4

양식에 몇 가지 컨트롤이 있습니다. HTML에 대한 생성 순서에 자연스럽지 않은 순서로 tabIndex를 설정해야합니다. fag 끝 부분에 단추가 있고 tabIndex가이 요소에만 설정되어 있지 않습니다 (초점이 맞춰지지 않았습니다).tabindex가 작동하지 않습니다.

<button id="btnSave" tabindex = "86" title='click here'>Submit Here</button> 

어떤 이유 일 수 있습니까 ??

감사합니다.

+0

일부 사용 하시겠습니까? –

+2

tabindex = "90"공백없이 항상 " –

+0

"대신 Chrome을 사용합니다. – Premanshu

답변

-2

시도 : 그것은 parrent이의 아래 색인 양식 제로 계산됩니다 것을

<input type="button" value="Sumit here" tabindex="90" /> 

체크! 색인 90은 HTML에 비해 너무 많습니다.

+0

Nopes @Parkhid도 도움이되지 않습니다 ... 예 실제로 저는 50에서 시작하여 다음 컨트롤을 위해 +5로 증가하는 인덱스를 설정했습니다. 버튼의 경우 이제는 마지막 컨트롤이 85로 설정되었으므로 86으로 설정되었습니다. 그럼에도 도움이되지 않습니다. 다른 컨트롤은 텍스트 상자 및 드롭 다운입니다 – Premanshu

+0

jquery (일반 HTML 단추가 아님)를 사용하는 사용자 정의 buttom입니다. 이 원치 않는 행동을하는 이유가 될 수 있습니까 ??? – Premanshu

3

당신이 button 요소에 tabindex을 설정 한 경우,이 요소는 있지만 통해 (직접 마지막 입력 필드에서 그것을 얻을하지 않습니다 즉, 탐색에서 먼저 몇 가지 브라우저에 의존 검색 상자 및 주소 상자와 같은 브라우저의 자체 사용자 인터페이스에있는 항목). HTML 4.01 spec on tabindex을 참조하십시오.

다른 입력란에도 tabindex을 설정 한 경우 문제가되는 데모를 게시하십시오. 모든 필드에 설정하면 tabindex이 제대로 작동하는 여러 브라우저에서 간단한 테스트를 실시하십시오.

+0

Jukka에게 감사드립니다 ... 문서가 도움이되었습니다 .... – Premanshu

+0

코드는 어때요? 가급적 컴팩트하고 최소한의 버전은 여전히 ​​문제를 증명합니다. 다른 주석에서, 당신은 버튼이 jQuery를 사용한다고 말하고 있습니다. 스크립트와 관련된 문제 일 가능성이 큽니다. 브라우저에서 JavaScript를 사용하지 않으면 페이지가 어떻게 동작합니까? –

+0

사실, 모든 물건은 jquery를 사용하므로 javascript를 사용하지 않으면 프로젝트에 재앙이 발생합니다. 빈 화면을 제외하고는 아무 것도 나타나지 않습니다. 나는 [http://jsfiddle.net/KQt5P/5/]에서 바이올린을 설정했다. 변경 사항 적용 버튼에 대한 코드는 Chrome Firebug에서 가져온 것입니다. – Premanshu

관련 문제