18. 폼(form) 만들기(2)

1. 선택 목록 만들기 <select>

○ <select> : 여러 개의 목록이 늘어져 나타나는 풀다운 선택메뉴 만들때 사용

○ 기본형식

<select name="필드명">...</select>

○ 옵션

- size=숫자 : 숫자는 선택목록의 수

- selected : 선택목록 중 미리 선택되어 보이도록 하는 목록 지정

2. 여러 목록 만들기 <textarea>

○ <textarea> : 여러줄로 구성된 긴 글을 입력할 때 사용

○ 기본형식

<textarea name="입력칸의 이름" rows="세로폭(행수)" cols="가로폭(문자수)">...</textarea>

- name : 입력된 내용을 웹서버와 송수신 할 때 구별하는 키워드

3. 전송버튼<submit>,취소버튼<reset>

○ 전송버튼과 취소버튼 만들기

- <input type="submit"> : 입력받은 정보를 웹서버로 송신하기 위한 전송버튼을 설정할 수 있다. 이렇게 만들어진 버튼에는 "쿼리전송"이란 글자가 나타남(여기에 임의의 이름을 붙일 려면 value속성을 이용해 설정하면 됨)

- <input type="reset"> : 입력칸에 입력한 텍스트의 내용이나 체크된 선택목록 전부 지우기. 이렇게 만들어진 버튼에는 "원래대로"라는 글자가 나타남(글자 또한 변경하고 싶으시면 value속성을 이용해 이름을 바꾸어 주며 됨)