1. form태그의 기본형식
○ 폼 태그
- 입력양식을 만들 때 사용(예, 방명록, 게시판, 설문조사, 회원등록 폼 등)
- <form> … </form>태그 사이에 필요한 폼들을 삽입. <form>태그 안에 또 다른 <form>태그를 삽입할 수 없다.
- 양식 문서에서 흔히 보게 되는 [전송]단추나 [Submit]단추를 누르면 <form>과 </form> 사이의 내용들이 폼(form)을 처리하는 CGI프로그램으로 전송
○ 폼 태그의 기본 형식
<form action="데이터 전송될 장소" method="전송방식"> 다양한 폼 형식 </form> |
○ 폼 태그에 사용하는 속성
속성 |
설 명 |
<method> | <Form>태그 안의 폼들을 어떻게 넘겨 줄 것인지 전송 방법을 선택 사용할 수 있는 값은 get과 post인데 대부분 post를 사용 |
<name> | 폼의 이름을 지정
한 문서 안에 여러개의 <Form>태그가 있을 경우 폼을 구분하기 위해 사용 |
<action> |
<Form>태그 안의 내용들을 처리해 줄 CGI프로그램을 지정 CGI프로그램은 인터넷에 항상 연결되어 있는 서버 컴퓨터에 미리 설치되어 있어야 함 |
※ CGI (common gateway interface)
<form method=post action=http://www.mybiz.com/cgi-local/formprog.pl>
|
2. Text필드와 Pasword필드 폼 만들기
○ 기본 형식
<form>
<input type="text/password" name="이름" value="기본문자" size="너비" maxlength="최대 문자수"> </form> |
- type=입력받을 입력 양식을 지정(text/password)
- name=글상자의 입력 필드의 이름을 지정. 양식내용을 수신할 때 데이터를 가려내기 위해 사용(폼 안의 이름을 name라 입력한 것은 인터넷을 접속한 사용자가 입력한 실제 이름을 담아 가져갈 고유한 항목 이름이다.만일 홍길동이라 이름을 입력하면 홍길동이란 이름을 name란 그릇에 담아 가져간다는 뜻)
- value=기본적으로 표시될 기본 문자를 나타냄
- size=입력필드의 너비(문자수)
- maxlength=글자사이에 입력할 수 있는 최대 문자수
○ text와 password의 차이점 : 입력한 내용이 화면에 그대로 나오는 것이 text, password는 *로 표시됨
3. radio 버튼과 checkbox 만들기
○ 기본형식
<form>
<input type='"radio/checkbox" name="입력필드 이름" value="서버로 전송될 텍스트"> </form> |
- name 속성은 입력 칸의 이름을 설정하고 질문 항목의 내용을 반영한다.
- value속성은 항목을 선택하였을 때, 서버로 보내지는 text 내용으로 어느 항목을 선택했는지 알 수 있도록 선택 목록 내용을 입력한다. 이에 따라서 어떤 질문에 대해 어떤 회답을 했는지 구별 할 수 있다. 선택목록 중에서 가장 많이 선택되는 항목에 미리 선택되어 나타나도록 checked속성을 추가할 수 있다.
○ radio와 checkbox의 차이점 : 라디오버튼은 오직 하나만 선택할 수 있고, 체크박스는 여러개의 항목을 한꺼번에 선택할 수 있다.
'컴퓨터 활용 > 홈페이지 과정' 카테고리의 다른 글
19. 이미지 맵(map) 만들기 (0) | 2013.02.06 |
---|---|
18. 폼(form) 만들기(2) (0) | 2013.02.06 |
16. 인라인 프레임(iframe) 만들기 (0) | 2013.02.05 |
15. 프레임(frame) 만들기(2) (0) | 2013.02.05 |
14. 프레임(frame) 만들기(1) (0) | 2013.02.05 |