2013-09-08 3 views
0

삭제 버튼과 취소 버튼의 두 가지 제출 버튼이있는 확인 양식이 있습니다. 나는 delete를 기본 선택으로하고 싶습니다. 이것은 enter를 클릭하면 활성화됩니다. 그러나 어느 버튼도 기본적으로 활성화되어 있지 않습니다.HTML 양식 : 입력시 제출 버튼이 활성화됩니다.

js에서 뭔가 할 수 있지만, 이것이 기본 양식 동작이라고 생각했습니다. 또한 어떤 단추가 활성 단추인지 나타내는 표시가 있어야합니다. 나는 크롬에서 노력하고있어.

<form action = "delete/" id = "the_form" method = "post"> 

    <input type = "hidden" name = "the_id" value = "123"></input> 
    <input type = "submit" value = "Delete" ></input> 
    <input type = "submit" value = "Cancel" onclick="$('#the_form').addClass('hidden');return false;" ></input> 

</form> 
+0

을 사용하여 삭제 버튼 포커스를 ??? 나는 이것이 직관력이없는 시나리오를 생각할 수 없다. – OdraEncoded

+0

@OdraEncoded - 대부분의 확인 대화 상자에서 "예, 할 일을하십시오"가 기본값입니다. – Quentin

+0

내가 원하는 것은 무엇입니까 !! – user984003

답변

1

자바 스크립트를 추가하지 않는 한

http://jsfiddle.net/wqDtg/

은, 형태는 그 안에 폼 컨트롤에 포커스가있는 경우 Enter 키를 눌러 제출됩니다. 포커스가 버튼에 있으면 해당 버튼이 양식 제출을 트리거합니다. 다른 입력에 있으면 첫 번째 제출 버튼이 트리거됩니다. 당신이 그렇게 할 것이라고

autofocus attribute

+0

이 코드는 jsfiddle 예제에서 작동하지만 실제 코드에서는 작동하지 않습니다. 이유를 모르겠다. 그것을 볼 것입니다. 감사. – user984003

관련 문제