목록form (2)

계발하는 개발자

[JS] form을 submit할 때 새로고침 방지하기

form태그 내부에 있는 input box에서 엔터 혹은 버튼 클릭을 할 경우 해당 form이 제출되며 자동 새로고침됩니다. 사용자가 입력한 정보를 받아오기 위해서는 새로고침을 방지할 필요가 있기에, 오늘은 이를 방지하는 방법에 관해 리뷰해보고자 합니다. 새로고침을 방지하기 위한 방법에는 여러가지가 있지만, 제 기준 가장 확실하다고 생각되는 방법 2가지를 정리하겠습니다. 1. event.preventDefault() 메서드 preventDefault() 하면 form 제출시 submit이벤트가 console창에 그대로 출력되어 유지된다. preventDefault() 안 하면 form 제출시 submit 결과가 console창에 출력되었다가 사라진다. 형태: function 함수명(event) { eve..
📌 Language/Javascript 2023. 2. 12. 00:53
[HTML] <form>태그를 활용한 로그인창 만들기

우리가 특정 사이트에 로그인 할때, 해당 계정의 접속을 위해 아이디와 비밀번호를 입력하라는 로그인 관문을 맞닥뜨리게 된다. 내가 기존에 가입한 사이트는 데이터베이스 서버로 나의 계정 정보를 이미 가지고 있기 때문에, 나의 아이디 & 비밀번호를 입력해서 서버에 내 정보와 일치하면 로그인을 할 수 있다. 이때 웹페이지에서 서버로 내 계정 정보를 보내야 되는데 이때 사용되는 HTML의 태그가 FORM 이다! 📂 FORM(폼) 태그란? 사용자로부터 입력받은 양식 전체를 감싸는 태그로, form태그 내부에 있는 input 태그에 회원가입이나 로그인, 글 작성에 필요한 정보들을 입력 후 제출하면 웹사이트에서 받은 사용자 정보를 바탕으로 사용자에게 할당된 데이터를 서버(=백엔드)로 전송한다. Form 속성 Form ..
📌 Language/HTML 2022. 12. 1. 16:06
이전 Prev 1 Next 다음