블로그 이미지
주로 인재개발원 등의 사이버학습을 정리, 요약하는 상시학습 블로그입니다. 깨비형
« 2017/12 »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            

Archive»

체험 블로그 마케팅 서비스 OLPOST

Category»

Notice»

Statistics Graph

 

'<select>'에 해당되는 글 1

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

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

컴퓨터 활용/홈페이지 과정 | 2013.02.06 00:00 | Posted by 깨비형

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속성을 이용해 이름을 바꾸어 주며 됨)






저작자 표시 동일 조건 변경 허락
신고

'컴퓨터 활용 > 홈페이지 과정' 카테고리의 다른 글

19. 이미지 맵(map) 만들기  (0) 2013.02.06
17. 폼(form) 만들기(1)  (0) 2013.02.06
18. 폼(form) 만들기(2)  (0) 2013.02.06
17. 폼(form) 만들기(1)  (0) 2013.02.06
16. 인라인 프레임(iframe) 만들기  (0) 2013.02.05
15. 프레임(frame) 만들기(2)  (0) 2013.02.05