대화 상자가 html로 표시 될 때 대화 상자에없는 입력 요소에 포커스가 없습니다.

Question

html로 대화 상자가 구현되었습니다. 내가 원하는 무엇

내 대화 상자에서

는 폼 요소와 형태가있다 ::이다. 대화 상자 아래에 기본 페이지에 다른 양식이 있습니다.

이제 탭을 누르면 커서가 대화 상자 아래의 요소를 비롯한 각 양식 요소로 이동합니다.

대화 상자 아래의 양식 요소에서 탭을 제한하기 만하면됩니다.

감사합니다.

Answer 1

당신은 tabIndex

이의 당신이 처음으로 이동하는 데 필요한 마지막 폼 요소를 눌러 탭에 도달 할 때 새로운 형태의 지금 3 개의 입력 상자

<input type="text" tabIndex="31" name="inp1" id="inp1"> 
<input type="text" tabIndex="32" name="inp2" id="inp2"> 
<input type="text" tabIndex="33" name="inp3" id="inp3" onBlur="tabIndexToFirst()"> 

있다고 가정 해 봅시다 속성으로 관리 할 수 ​​있습니다 그 형태의 형태 요소.

JS :

function showNewForm() { 
document.getElelmentById('inp1').focus(); 
} 
function tabIndexToFirst() { 
document.getElelmentById('inp1').focus(); 
}