반응형 input2 selectbox를 JS로 컨트롤 해보기 - input, change 이벤트 selectbox를 JS로 컨트롤 해보기 - input, change 이벤트 이전 포스팅에서는 Javascript로 DOM을 조작하는데 있어, input 사용을 주로 예제로 들었습니다. 이번 포스팅에서는 input의 사촌(?) 격인 selectbox 컨트롤을 추가로 정리해보면서, 다양한 form 요소들을 사용하는 방법을 확장해 나가보기로 합니다. selectbox의 장점 input은 사용자가 직접 타이핑을 해서 입력을 하기 때문에, 입력되는 데이터를 '한정'하거나 제한을 해야하는 장치들이 필요합니다. 예를 들어 대학교 이름을 입력받아야 하는 경우 사용자에 따라서 '한국대학교', '국립한국대학교', '한국대', '한대' 등으로 각양각색으로 입력을 할 수 있기 때문입니다. 그래서 마치 4지선답 객관식 문제처.. 2023. 2. 16. Form 전송에 대한 이해 기초(+ 매우 중요한 label 태그) Form 전송에 대한 이해 기초 html을 공부하다가 태그에 대해서 배우기 시작하면, 드디어 뭔가 프로그래밍 적인 단계에 들어서게 되는 느낌이 듭니다. 뭔가를 입력 받고 서버로 전송하고 할 수 있는 기능이 바로 태그의 역할이기 때문입니다. form의 사전적의미는 '입력양식'들을 의미하는데요, 사용자에게 입력 받게 되는 입력란들과, 그것을 서버로 전송하는 버튼은 모두 ~ 사이에 위치하게 됩니다. 버튼도 form 태그 안에 포함되어 있어야합니다.(Javascript를 사용하지 않는다는 전제하) 로그인창 UI를 이용한 예제 가장 흔하게 접할 수 있는 form 예제는 바로 화면일 것입니다. 사용자가 ID와 PW를 입력하고 버튼을 눌러 입력한 값을 서버로 전송하면, 로그인을 시켜줄지 말지를 실행하게 되죠. 아래 .. 2023. 1. 11. 이전 1 다음 반응형
