Tag : input

input 요소에 값을 입력하거나 선택했을 때, 이를 감지하여 어떤 작업을 할 수 있다. input의 type이 number일 때, checkbox일 때, radio일 때로 나누어서 어떻게 감지하는지 알아본다. 목차1 input type="number"1.1 change()로 감지하기1.2 keyup()으로 감지하기1.3 on()2 input type="checkbox"3 input type="radio" input type="number" 숫자를 입력할 수 있는 폼 두 개를 만들고, 값을 입력했을 때 […]

양식은 보통 사용자가 입력한 값을 활용하기 위해 사용한다. 하지만, 사용자가 입력하지 않아도 필요한 값이 있을 수 있다. 사용자가 접속한 IP, 로그인한 상태에서의 계정 정보, 게시물의 답글인 경우 게시물의 ID 등을 예로 들 수 있다. 이러한 값들은 type이 hidden인 input 태그로 만들어서 넘긴다. 다른 type의 input과 마찬가지로 이름은 name, 값은 value로 […]

목차1 input type="date"1.1 문법1.2 예제 1 - 기본 양식1.3 예제 2 - 기본값이 있는 양식1.4 예제 3 - 입력 가능 범위가 있는 양식2 input type="time"2.1 문법2.2 예제 1 - 기본 양식2.3 예제 2 - 기본값과 입력 가능 범위가 있는 양식 input type="date" type이 date인 input은 날짜를 입력 받기 위한 양식이다. […]

목차1 체크박스2 문법3 예제 1 - 기본4 예제 2 - checked5 예제 3 - 배열로 값 넘기기 체크박스 체크박스는 클릭하면 선택되고, 다시 클릭하면 선택이 해제되는 사각형 모양의 박스이다. 체크박스는 input 태그로 만든다. 문법 <input type="checkbox" name="xxx" value="yyy" checked> name : 전달할 값의 이름이다. value : 전달될 값이다. checked : 선택된 […]

목차1 라디오 버튼2 문법3 예제 14 예제 25 예제 36 Tip 라디오 버튼 여러 개의 항목 중에서 하나만 선택하도록 하는 동그란 버튼을 라디오 버튼이라고 한다. 라디오 버튼은 input 태그로 만든다. 문법 <input type="radio" name="xxx" value="yyy" checked> name : name의 값이 같은 것 중에서 하나를 선택한다. value : 선택했을 때 전달될 […]