전체 글10 [HTML] form태그 onsubmit, 특정 조건시 submit 보내고 싶지 않을 때! [HTML] form태그 onSubmit, 특정 조건시 submit 보내고 싶지 않을 때!공부를 하던 중 특정 조건에서 `submit` 을 보내지 않고 그대로 머물게 하고 싶었다 혹은 다른 이벤트를 주거나 onsubmit form이 submit되는 걸 막을 수 있다 onsubmit이 true일 경우 form을 전송하고 false일 경우 전송하지 않는다. onsubmit 을 통해 특정 조건일 때 form을 전송할지 말지 결정할 수 있다 2024. 12. 2. [HTML] 속성 id, name, class 차이점 [HTML] input 태그의 id, name, class 차이점id 는 고유한 식별을 목적으로 하는 경우 사용하기 때문에 JS에서 다루기 위해서 많이 사용되어진다. id의 경우 중복된 값을 사용할 수 없다id의 경우 해당 페이지에 대해 유일하기 때문에 JS에서 getElementById() 를 통해 바로 접근이 가능하다.name 은 form태그의 값(value)을 서버로 전송하기 위해 사용하는 속성으로 중복된 값을 허용 한다중복 값이 허용되고 함수에서도 알 수 있듯이 getElements로 nodeList로 구성된 name들을 가져온다. 그렇기 때문에 배열로 접근하자 또한 서버 측에서 key, value 형태인 name으로 접근하여 다양한 분기처리를 할 수 있다. class 는 class 속성 단위로.. 2024. 12. 2. [HTML]하나의 form태그에서 여러 개의 submit 보내기 하나의 form태그에서 여러 개의 submit 보내기문제 발생하나의 폼 태그 안에서 서로 다른 주소로 요청을 보내고 싶었다(여러 개의 버튼) 그래서 생각한 방법이 아이디 비밀번호 등록 조회미리 form 태그를 하나 만들어두고 id를 search로 주니 정상적으로 이동..! 하지만 내가 필요한 파라미터들은 전부 다 이동하지 않았다...문제 해결 방법 1 아이디 비밀번호 등록 조회 submit을 보내면 [name, value] 가 key, value 형태로 넘어간다는 사실을 알았다 그래서 서버 측에서 name에 따라 분기를 .. 2024. 11. 26. [HTML] form 태그 안에 여러 개의 button이 존재할 때! [HTML] form 태그 안에 여러 개의 button이 존재할 때!등록 form 태그에서 정보를 보낼 때 두가지 방법을 사용하여 전송할 수 있다. 하지만 html 작성 중 단지 alert 기능만 하는 버튼이 필요했고,onclick()으로 alert를 실행하니 alert가 뜨고 form으로 전송이 되었다... 공부를 해보니 button은 기본적으로 type을 안 적으면 default가 submit이었다... 등록 이런 식으로 type을 button으로 명시하니 form 태그의 action으로 적힌 주소로 넘어가지 않고 정상적인 기능을 수행하였다..! 2024. 11. 26. 이전 1 2 3 다음
