본문 바로가기
Study Hard/개발 /로직 생각

[Web] 로그인 폼에서 엔터키로 로그인하기 (자바스크립트 사용하지않고)

by 코플+ 2023. 5. 28.

 

위는 흔히 볼수 있는 로그인 폼

 

사용자는.

. 보통은 로그인폼에서 로그인 정보(아이디/비밀번호)를 입력하고 엔터를 눌러 로그인을 시도한다.

. 직접 로그인버튼을 누르는 사람은 없을것이다.

 

구글링해보니 자바스크립트로 구현하는사람들이 많은데

 

자바스크립트보다는 form기본기능을 이용하는것이 좋을거같아

button을 input type="button"으로 변경하였다.

 

복잡한 자바스크립트보다 쉽고 간편하게 적용된다.

<!-- 변경 전 -->
<button type="submit" class="btn bg-gradient-primary w-100 my-4 mb-2" onclick="CheckLogin()">로그인</button>
<!-- 변경 후 -->
<input type="submit" class="btn bg-gradient-primary w-100 my-4 mb-2" onclick="CheckLogin()" value="로그인" />

댓글