[기타]form에서 enter 키로 submit하기 정보
[기타]form에서 enter 키로 submit하기본문
<input type=text>하나만 있는 경우는 enter로 submit이 가능한데
둘 이상, 또는 다른 것(<textarea 등)이 있으면 enter key로는 띵띵" 소리만 납니다.
그런데
<input type=image>를 하나 추가해 주니까 enter로 submit이 되더군요.
이런 것이 제대로 된 경우인지 궁금합니다.
JavaScript로 이벤트 처리하면 어떤 조건에서도 되는 건 당연하겠죠.
댓글 전체
<form></form> 태그내에 <input type=image>가 있다면 이 image 태그는 자동으로 type=submit 속성을 갖게 됩니다. 따라서 당연히 엔터키를 치면 서브밋이 됩니다. 제대로 된게 맞구요.
<form action 부분에서 return formchcek 와 같이 폼서브밋시에 필요에따른 체크사항을 설정해두면 그냥 넘어가는 서브밋을 막아둘 수 있습니다.
일반적으로 <a href="javascript:form_check(this.form);">전송</a> 이렇게들 많이 사용합니다만..
이건 잘못된 방법입니다.
<form action 부분에서 return formchcek 와 같이 폼서브밋시에 필요에따른 체크사항을 설정해두면 그냥 넘어가는 서브밋을 막아둘 수 있습니다.
일반적으로 <a href="javascript:form_check(this.form);">전송</a> 이렇게들 많이 사용합니다만..
이건 잘못된 방법입니다.
<a href="javascript:form_check(this.form);">전송</a>
왜 잘못된 건지 설명해 주시면 감사하겠습니다.
왜 잘못된 건지 설명해 주시면 감사하겠습니다.
<input type=image
하고
<input type=button
하고
동작이 다르네요.
type=image인 경우 enter key가 submit이 안 됩니다.
하고
<input type=button
하고
동작이 다르네요.
type=image인 경우 enter key가 submit이 안 됩니다.
위에 말씀을 드렸습니다만..
<input type=image 일 경우에 서브밋 속성을 갖는다고 말씀드렸습니다.
<input type=button 은 서브밋 속성을 갖지 않습니다. 이건 그냥 html 구성요소의 버튼 일레멘트일 뿐입니다.
type=image 인 경우 엔터키가 서브밋이 안된다면 코딩하신 코드 부분을 살펴보십시오.
또한 팝업창이거나 프레임이 나뉘어져 있다면 <form target="_seff" 인지를 확인하십시오.
<a href="javascript:form_check(this.form);">전송</a>
위 방식이 왜 잘못된것인지는 HTML 관련 문서나 자료를 찾아보시기 바랍니다.
간략히 말씀드린다면,
<a href 에서 href=링크 입니다. URL 에서 주소참조를 하는 태그란 뜻입니다.
자바스크립트는 링크태그가 아닙니다.(이건 원칙을 뿐이며 W3C, DOM 에서도 이와같이 설명하고 있고, 개인적으로 맞다고 생각하기에 말씀드렸습니다.)
기타 궁금한 부분에 대해서 왜 그런지, 왜 그렇게 나오는지 의문나는 부분은 관련 서적이나 자료를 참고 하십시오.
<input type=image 일 경우에 서브밋 속성을 갖는다고 말씀드렸습니다.
<input type=button 은 서브밋 속성을 갖지 않습니다. 이건 그냥 html 구성요소의 버튼 일레멘트일 뿐입니다.
type=image 인 경우 엔터키가 서브밋이 안된다면 코딩하신 코드 부분을 살펴보십시오.
또한 팝업창이거나 프레임이 나뉘어져 있다면 <form target="_seff" 인지를 확인하십시오.
<a href="javascript:form_check(this.form);">전송</a>
위 방식이 왜 잘못된것인지는 HTML 관련 문서나 자료를 찾아보시기 바랍니다.
간략히 말씀드린다면,
<a href 에서 href=링크 입니다. URL 에서 주소참조를 하는 태그란 뜻입니다.
자바스크립트는 링크태그가 아닙니다.(이건 원칙을 뿐이며 W3C, DOM 에서도 이와같이 설명하고 있고, 개인적으로 맞다고 생각하기에 말씀드렸습니다.)
기타 궁금한 부분에 대해서 왜 그런지, 왜 그렇게 나오는지 의문나는 부분은 관련 서적이나 자료를 참고 하십시오.
