내가 공부하려고~

[이클립스] input 검색 이벤트 작동

용굥이 2024. 4. 3. 11:33
  • input 검색기능

- 상황

input 박스 안에 입력했을 때 엔터 사용 시 검색이 될 수 있게 함

→ 검색이 되지 않고 계속 입력한 내용이 사라짐

관리번호 입력 후 검색 버튼 클릭 : 아래 결과리스트 나옴

관리번호 입력 후 엔터 : 결과리스트에 나오지 않고 초기화 됨

1. onkeypress 를 넣어서 작동할 수 있게 함

   - 결과리스트 갯수는 동일하게 나오나 내용은 나오지 않는다.

   - 계속 입력한 값이 사라짐, 근데 갯수는 계속 변경되면서 입력한 값에 맞춰서 검색이 됨

 

2. form 안에 있는 input 과 button 이 두개 다 들어있음

   - 다 들어있을 때 input 에는 type 이 지정되어 있지만 button 에는 type이 정해져있지 않음

button 에 type 을 지정해주지 않으면 기본값 submit 으로 셋팅되어 있음

여러개의 버튼이 있을 때 타입을 지정해주지 않으면 어떤걸 실행시켜야 되는지 몰라서 맨 앞에 있는 버튼이 실행 됨