나는 이것을 수행하기 위해 여러 가지 방법을 시도해 보았지만 어떤 제안도 실제로 수행하지 못했습니다. 감사합니다Div가 양식을 제출하지 않음
<div name="login" class="blue_button" onclick="
document.getElementById("form").submit();"><div class="blue_button_text noselect">Login</div></div>
나는 이것을 수행하기 위해 여러 가지 방법을 시도해 보았지만 어떤 제안도 실제로 수행하지 못했습니다. 감사합니다Div가 양식을 제출하지 않음
<div name="login" class="blue_button" onclick="
document.getElementById("form").submit();"><div class="blue_button_text noselect">Login</div></div>
위치 :
단일 인용 부호로 내부 따옴표 문자를 변경하고 작동합니다 (당신이 id="form"
과 양식을 가지고 가정) 꼬리표? 또한 제출 버튼의 태그를 <div>
에서 <button>
또는 <input>
으로 변경하십시오. 의미 적으로 더 의미가 있습니다.
문제는 당신이 당신의 요소가 JS에서 리터럴 문자열을 및 속성에 대한 따옴표 문자를 사용하려고 한 것입니다. 따라서 onclick
속성은 form").submit();"
부분이 남아있는 onclick="document.getElementById("
으로 읽습니다. 당신이 <form>
와 양식을 선언했는지 확인
onclick="document.getElementById('form').submit();"
왜 div를 버튼으로 사용하고 있습니까? 키보드 만 사용하는 사용자는 귀하의 페이지를 사용할 수 없다는 점에서 접근성에 문제가 있습니다. 어쨌든, 양식에 html을 보여 주시겠습니까? – nnnnnn
@nnnnnn 그렇지 않으면 내 단추가 잘 보이지 않을 것이므로 텍스트가 단추의 위치를 변경하고 성가 시게됩니다. 왜 내 양식을보고 싶니? – sum1hor
나는 문제가 있는지 궁금해서 당신의 양식을보고 싶었습니다. 나는 그 이후로 쟁점이 아니며 답을 알게되었다. 보기 좋지 않고 "성가신"버튼과 관련하여 마우스 나 다른 포인팅 장치를 실제로 사용할 수없는 사람들에게는 더욱 짜증이납니다. 이것을해야만한다고 생각한다면 div에 tabindex 속성을 추가하고 키 이벤트 핸들러를 추가하여 실제 버튼처럼 동작하게하십시오. – nnnnnn