59doit

select select 요소는 여러 개의 옵션이 드롭다운 리스트(drop-down list)로 되어 있다 그 중에서 단 하나의 옵션만을 입력 받을 수 있다. 콤보 박스라고도 하며, 풀다운 메뉴(pull-down menus)라고도 한다. option 요소는 드롭다운 리스트에 선택할 수 있는 각각의 옵션을 명시한다. 선택입력 select 요소 좋아하는 날씨는? 봄 여름 가을 겨울 option 요소 optgroup 요소는 옵션을 그룹화 할 수 있다. 선택입력 select 요소 취미는? 독서 야구 축구 여행

attributes input 요소는 다양한 속성을 가지고 있다. input 요소의 여러 속성을 사용하면 사용자가 입력하는 방식을 더욱 다양하게 제어할 수 있다. HTML에서 자주 사용되는 input 요소의 대표적인 속성은 다음과 같다. value readonly disabled maxlength size value value 속성은 input 요소의 입력 필드(input field)에 표시되는 초깃값을 설정한다. value 속성은 입력필드를 수정하거나 지울 수 있다. readonly 속성 readonly 속성은 사용자가 입력 필드를 볼 수는 있으나, 수정할 수는 없도록 설정한다. value 속성은 입력필드를 수정하거나 지울 수 있다. disabled 속성과 다른 점은 전송 버튼(submit)을 누르면 ..

type 텍스트 입력 - text 텍스트 입력 제목 : ▶ 태그의 type 속성값을 “text"로 설정하면, 사용자로부터 한 줄의 텍스트를 입력받을 수 있다. 비밀번호 입력 - password 비밀번호 입력 ID : pw : ▶ 태그의 type 속성값을 “password"로 설정하면, 사용자로부터 비밀번호를 입력받을 수 있다. 비밀번호를 입력받기 때문에 화면에는 입력받은 문자나 숫자 대신 별표(*)나 작은 원 모양(•)이 표시된다. 전송 버튼 - submit 전송버튼 사용자명 : ▶ 태그의 type 속성값을 “submit"으로 설정하면, 사용자로부터 입력받은 데이터(data)를 서버의 폼 핸들러로 제출하는 버튼이 된다. 재설정 버튼 - reset 재설정 사용자명 : ▶ 태그의 type 속성값을 “rese..

form 웹 페이지에서는 form 요소를 사용하여 사용자로부터 입력을 받을 수 있다. 또한, 사용자가 입력한 데이터를 서버로 보낼 때에도 form 요소를 사용한다. action action 속성은 입력받은 데이터를 처리할 서버 상의 URL 주소를 명시한다. 전달받은 데이터를 처리하는 서버 프로그램을 폼 핸들러(form-handler)라고 한다. method method 속성은 입력받은 데이터를 서버에 전달할 방식을 명시한다. 따라서 사용자가 form 요소를 통해 입력한 데이터는 action 속성에 명시된 위치로 method 속성의 방식을 통해 전달된다. method 속성을 통해 명시할 수 있는 form 요소의 전달 방식은 GET 방식과 POST 방식으로 나눠진다. GET 방식 GET 방식은 주소에 데이터..