Internet Link Exchange
Member of the Internet Link Exchange

Form Tutor- Lesson 3

진도를 나가기 전에 , 몇가지 언급하고 싶은것이 있습니다. 여러분은 form에 그림도 사용할 수 있다는 겁니다. 사실, form에 무엇이든 넣을 수 있고, 어디에서든지 form을 쓸 수 있습니다. html syntax만 보시고 중복되는 태그만 피하세요.

각 당별 대통령 퀴즈

공화 민주
 

공화 민주
 

공화 민주
 

공화 민주
 

공화 민주
 

공화 민주
 

공화 민주

공화 민주

공화 민주

공화 민주

공화 민주

공화 민주
이 form의 html   은   요기에 .
...그리고 정답여기에... 있습니다.

겹친 태그, .... 음 .... 말그대로 겹쳐진 태그죠. 설명해 드리죠.

   <TABLE><FORM></TABLE></FORM>    겹치는(Overlapping) 태그 .... 좋지않음
   <TABLE><FORM></FORM></TABLE>    포함된 태그.... 좋음


다음의 입력형식은 Pull Down 리스트입니다. 이 형식으로 여러분은 <INPUT> 대신에 <SELECT>를 사용합니다. 그것은 닫아주야하는 태그(closing tag)입니다. 하나 만들어 보죠.

<SELECT>
</SELECT>


이름주는 것을 잊지 마세요.

<SELECT NAME="BEST FRIEND">
</SELECT>


다음은 몇개의 선택사항을 추가합시다.

<SELECT NAME="BEST FRIEND">
<OPTION>Ed
<OPTION>Rick
<OPTION>Tom
<OPTION>Guido
</SELECT>


각각의 <OPTION>VALUE를 줍시다.

<SELECT NAME="BEST FRIEND">
<OPTION VALUE="Ed">Ed
<OPTION VALUE="Rick">Rick
<OPTION VALUE="Tom">Tom
<OPTION VALUE="Guido">Guido
</SELECT>

기본 옵션은 처음에 게시된 것입니다.


리스트에 있는 첫번째 선택사항 이외의 것도 디폴트로 지정할 수 있습니다.

<SELECT NAME="BEST FRIEND">
<OPTION VALUE="Ed">Ed
<OPTION VALUE="Rick">Rick
<OPTION VALUE="Tom" SELECTED>Tom
<OPTION VALUE="Guido">Guido
</SELECT>


A Scrolling 리스트는 Pull Down 리스트와 비슷하게 만들어집니다. 몇 개의 이름을 더 추가합시다.

<SELECT NAME="BEST FRIEND">
<OPTION VALUE="Ed">Ed
<OPTION VALUE="Rick">Rick
<OPTION VALUE="Tom">Tom
<OPTION VALUE="Guido">Guido
<OPTION VALUE="Horace">Horace
<OPTION VALUE="Reggie">Reggie
<OPTION VALUE="Myron">Myron
</SELECT>


이것을 Scrolling 리스트로 바꾸기 위해 우리가 해야할 것은 SIZE 속성을 <SELECT> 태그에 더하는 것 뿐이죠.

<SELECT NAME="BEST FRIEND" SIZE=4>
<OPTION VALUE="Ed">Ed
<OPTION VALUE="Rick">Rick
<OPTION VALUE="Tom">Tom
<OPTION VALUE="Guido">Guido
<OPTION VALUE="Horace">Horace
<OPTION VALUE="Reggie">Reggie
<OPTION VALUE="Myron">Myron
</SELECT>

SIZE는 단순히 창에 몇개의 옵션을 나타내는지를 지정하는 것 뿐입니다.


역시 기본값은 첫번째 <OPTION>이고, 아무거나 선택해서 바꿀 수 있죠.

<SELECT NAME="BEST FRIEND" SIZE=4>
<OPTION VALUE="Ed">Ed
<OPTION VALUE="Rick">Rick
<OPTION VALUE="Tom" SELECTED>Tom
<OPTION VALUE="Guido">Guido
<OPTION VALUE="Horace">Horace
<OPTION VALUE="Reggie">Reggie
<OPTION VALUE="Myron">Myron
</SELECT>

I have no idea why you would use the selection feature for a Scrolling List but it's there and I just felt the need to tell you about it.


매우 유용한 입력 형식 중의 하나에는 <TEXTAREA>가 있습니다.

<TEXTAREA NAME="COMMENTS">
</TEXTAREA>


여러분은 박스의 크기를 다음과 같이 변경할 수 있죠 ...

<TEXTAREA NAME="COMMENTS" ROWS=6 COLS=50>
</TEXTAREA>

ROWS는 높이이고, COLS는 너비입니다.



이 textarea의 html 코드는 요기에.

<TEXTAREA>에 포함된는 쓸만한 속성으로 WRAP이 있습니다. 어떤 브라우저는 그것을 이해하지 못하지만, 그런 경우에는 그냥 무시해버립니다.

Go ahead and type in the boxes...

<TEXTAREA NAME="COMMENTS" ROWS=3 COLS=30 WRAP=VIRTUAL>
</TEXTAREA>

WRAP=VIRTUAL은 박스 안의 글자가 감싼다는 것을 의미합니다. 그러나 그것은 하나의 연속된 긴 줄로 보내 집니다.


<TEXTAREA NAME="COMMENTS" ROWS=3 COLS=30 WRAP=PHYSICAL>
</TEXTAREA>

WRAP=PHYSICAL은 박스 안의 글자가 감싼다는 것을 의미하고, 그리고 마찬가지로 그런 식으로 보내집니다.


<TEXTAREA NAME="COMMENTS" ROWS=3 COLS=30 WRAP=OFF>
</TEXTAREA>

이것이 디폴트입니다.
WRAP=OFF는 박스 안의 글자가 감싸지 않는다 는 것을 의미합니다. 그러나 그 안에 입력된 그대로 보내어 지게 됩니다. (위의 몇개의 textareas 안에 있는 작은 사람처럼)

< --BACK     NEXT-- >

Introduction Lesson 1 Lesson 2 Lesson 3 Lesson 4 Lesson 5 Index
PROFESSIONAL WEB DESIGN