Internet Link Exchange
Member of the Internet Link Exchange

Form Tutor- Lesson 2

��!, ���� ��Ȯ�� �ϱ� ���ؼ� ���� <FORM> �±� �ȿ� ������ �ִ��� �����ϰ��� �մϴ�. ���ݺ��ʹ� head, body, title �׸��� form �±״� �����ϵ��� �ϰڽ��ϴ�. ���� �������� ������ �װ��� �־�� �ϰ���.

form <INPUT>�� ���� �Ϲ����� ������ TEXT�Դϴ�.

<INPUT TYPE=TEXT>


��� input���� NAME�� �ʿ��մϴ�.

<INPUT TYPE=TEXT NAME="ADDRESS">

����ڰ� �ּҿ��� (������� 1313 Mockingbird Lane�̶��)�Է��ϸ�, �װ��� input value�� �ǰ�, ADDRESS�� ¦�̵Ǿ Mailto Formatter�� ���� ������ ���� ��������� ADDRESS=1313 Mockingbird Lane�� �� ���Դϴ�.


���Ѵٸ�, VALUE���� ���� �� �� �ֽ��ϴ�.

<INPUT TYPE=TEXT NAME="ADDRESS" VALUE="44 Cherry St">

����ڰ� ���游 ���� ������, �̰��� �ڵ������� ADDRESS�̸��� 44 Cherry St�̶�� ���� ¦�� �̷� �̴ϴ�. ���� - ��� �����ߴ��� �ݵ�� �ο��� ����Ͻñ� �ٶ��ϴ�.


text input �ڽ��� ũ�⵵ ���� ������ �� �ֽ��ϴ�.

<INPUT TYPE=TEXT NAME="ADDRESS" VALUE="44 Cherry St" SIZE=10>

<INPUT TYPE=TEXT NAME="ADDRESS" VALUE="44 Cherry St" SIZE=20>

<INPUT TYPE=TEXT NAME="ADDRESS" VALUE="44 Cherry St" SIZE=30>

���ôٽ���, �⺻���� 20�Դϴ�. �װ� �׷��� �������� �Ƹ��� �⺻��(default value)�̶�� ���� �������� �������� ������, �������� �˾Ƽ� ó���ϴ� ���̶�� ���� �ƽ� �̴ϴ�.


����ؼ� VALUE="44 Cherry St"��� ���� �����غ��ô�.

<INPUT TYPE=TEXT NAME="ADDRESS" SIZE=30>


���Ѵٸ� ����ڰ� �Է��ϴ� ������ ���ڵ� ������ �� �ֽ��ϴ�.
10���� �̻��� �Է��� �� �ֵ��� �����غ��ô�!

<INPUT TYPE=TEXT NAME="ADDRESS" SIZE=30 MAXLENGTH=10>

�� ��ġ�� ������ ������� �����ϴٰ� �����˴ϴ�. �׷��� �������� �����п��� �ȸ�������� ������ �����ٰ� ������ �ʴ� �̻� ������ �ʿ�� ������.


TYPE=TEXT�� ���� ����� ���� TYPE=PASSWORD�Դϴ�. ���� �Էµ� ���� ��ſ� ***�� �����شٴ� ���� �����ϰ��� ������ �����ϴ�. �����п��Դ� �������� �Էµ� �״�θ� ����������, ������������ �Էºκ��� �Ⱥ��� �ش��� �� ���Դϴ�.

<INPUT TYPE=PASSWORD>


������ <INPUT>�� NAME�� ������ �Ѵٴ� ���� ����ϼ���.

<INPUT TYPE=PASSWORD NAME="USER PASSWORD">

SIZE, VALUE, �׸��� MAXLENGTH �Ӽ��� ���⼭�� ���մϴ�. �װ� �׷��� <TAG>��� ���� ���������� ������ �϶�� �˷��ݴϴ�. ATTRIBUTE�� <TAG> �ȿ��� ���������� ��� �װ��� �϶���� �˷��ݴϴ�.


������ Radio ��ư�� Check �ڽ��Դϴ�. Radio ��ư�� ����ڰ� �������� ���û��� �߿� �ϳ��� �����ϵ��� ���ݴϴ�. Check �ڽ��� ����ڰ� �������� ���û��� �߿��� �ϳ� �Ǵ� �� �̻� �Ǵ� ����� �����ϰ� �� ���ݴϴ�.
�켱 Radio ��ư�� � ����� ���ô�.

<INPUT TYPE=RADIO NAME="BEST FRIEND">


�� 2���� �� �߰��� �����.

<INPUT TYPE=RADIO NAME="BEST FRIEND">
<INPUT TYPE=RADIO NAME="BEST FRIEND">
<INPUT TYPE=RADIO NAME="BEST FRIEND">

��..... ������ ���� ��ư�� �ٳѱ�(line break)�� ����� �ڱ���.


<INPUT TYPE=RADIO NAME="BEST FRIEND"><BR>
<INPUT TYPE=RADIO NAME="BEST FRIEND"><BR>
<INPUT TYPE=RADIO NAME="BEST FRIEND"><P>



������ input�� �Ȱ��� �̸��� �����ٴ� �Ϳ� �����ϼ���. ������ �� �����帮�ڽ��ϴ�.


������ Radio Button�� VALUE�� �Ҵ�Ǿ�� �մϴ�.

<INPUT TYPE=RADIO NAME="BEST FRIEND" VALUE="Ed"><BR>
<INPUT TYPE=RADIO NAME="BEST FRIEND" VALUE="Rick"><BR>
<INPUT TYPE=RADIO NAME="BEST FRIEND" VALUE="Tom"><P>




��! ������ ������ ��ư�� ������ ���Խô�.

<INPUT TYPE=RADIO NAME="BEST FRIEND" VALUE="Ed"> Ed Holleran<BR>
<INPUT TYPE=RADIO NAME="BEST FRIEND" VALUE="Rick"> Rick Weinberg<BR>
<INPUT TYPE=RADIO NAME="BEST FRIEND" VALUE="Tom"> Tom Studd<P>

Ed Holleran
Rick Weinberg
Tom Studd

���Ѵٸ� html �±׷� �� �󺧵��� ������ ���� �ֽ��ϴ�.


�⺻������ Radio ��ư�� ���½��ϴ�. ���� ��ư�� ���Ѵ� ���� �߰��ؼ� �⺻���û����� �����غ��ô�(optional).

���� ģ�� ģ����? <BR>
<INPUT TYPE=RADIO NAME="BEST FRIEND" VALUE="Ed" CHECKED> Ed Holleran<BR>
<INPUT TYPE=RADIO NAME="BEST FRIEND" VALUE="Rick"> Rick Weinberg<BR>
<INPUT TYPE=RADIO NAME="BEST FRIEND" VALUE="Tom"> Tom Studd<P>

���� ģ�� ģ����?
Ed Holleran
Rick Weinberg
Tom Studd

����ڴ� �ϳ��� ���û��׸��� ������ �� �ֽ��ϴ�. �׵��� ������ ���� (�׵��� ������ �����ϵ���) �����п��� BEST FRIEND=Ed��� �̸�/������ �������ϴ�.


üũ�ڽ� ������� ������ �����ϴ�. �̰����� ������ �غ����.

<INPUT TYPE=CHECKBOX NAME="Ed">


3���� �� �߰��غ��ô�. �׷��� �̹����� ������ ���� �ٸ� �̸��� �ݽô�. (�ٳѱ��� ���ݽô�.)

<INPUT TYPE=CHECKBOX NAME="ED"><BR>
<INPUT TYPE=CHECKBOX NAME="Rick"><BR>
<INPUT TYPE=CHECKBOX NAME="Tom"><BR>
<INPUT TYPE=CHECKBOX NAME="BM"><P>





������ Check �ڽ��� �Ȱ��� VALUE�� �����ϴ�.

<INPUT TYPE=CHECKBOX NAME="ED" VALUE="YES"><BR>
<INPUT TYPE=CHECKBOX NAME="Rick" VALUE="YES"><BR>
<INPUT TYPE=CHECKBOX NAME="Tom" VALUE="YES"><BR>
<INPUT TYPE=CHECKBOX NAME="BM" VALUE="YES"><P>




����- Check �ڽ������� NAME�� �����̰�, VALUE�� ����, �ݸ� Radio ��ư�� VALUE�� �����̰� NAME�� �����ϴ�. ������� ������. ���� �ܼ��ؼ� �� �򰥸��ϱ�. �׷��� ���� html �������� ��û ������ �Ѵ�ϴ�. (���Ӹ��� �̰� ��θ� �����ߴٰ���?? ȫȫ!)


��, �� �ڽ��� �̸��� �ݽô�.

<INPUT TYPE=CHECKBOX NAME="ED" VALUE="YES"> Ed Holleran<BR>
<INPUT TYPE=CHECKBOX NAME="Rick" VALUE="YES"> Rick Weinberg<BR>
<INPUT TYPE=CHECKBOX NAME="Tom" VALUE="YES"> Tom Studd<BR>
<INPUT TYPE=CHECKBOX NAME="BM" VALUE="YES"> Burgermeister Meisterburger<P>

Ed Holleran
Rick Weinberg
Tom Studd
Burgermeister Meisterburger


���������� ���� üũ�ڽ��� ���𰡸� �߰��غ��ô�. �⺻������ �ξ�� �����ϰ� �غ��ô�.

ģ����?<BR>
<INPUT TYPE=CHECKBOX NAME="ED" VALUE="YES" CHECKED> Ed Holleran<BR>
<INPUT TYPE=CHECKBOX NAME="Rick" VALUE="YES"> Rick Weinberg<BR>
<INPUT TYPE=CHECKBOX NAME="Tom" VALUE="YES" CHECKED> Tom Studd<BR>
<INPUT TYPE=CHECKBOX NAME="BM" VALUE="YES"> Burgermeister Meisterburger<P>

ģ����?
Ed Holleran
Rick Weinberg
Tom Studd
Burgermeister Meisterburger

����ڴ� ���û��� �߿��� 1, 2, �Ǵ� �ϳ��� �������� �ʰų� ��θ� ������ �� ���� ���Դϴ�. �׵��� ������ ���� �����п��� name/value�� �������ϴ�.

Ed=YES
Tom=YES
(������ �����ϵ��� ... ������ ���� ������, �ƹ��͵� �������� �ʰ���)


�Ȱ��� �׷��� ����鿡�� 3���� �ٸ� ������ �Ϸ��� �Ѵٸ� ��� ���� �ñ������׿�. ���� �� õ��� ���̾�!

��, ���� �ذ��� �Ǿ�����. �����帮��.

ģ����?
Ed Holleran
Rick Weinberg
Tom Studd
Burgermeister

�������� ���� �����ڽ��ϱ�?
Ed Holleran
Rick Weinberg
Tom Studd
Burgermeister

�������� �Ұ��ϰ��� �����?
Ed Holleran
Rick Weinberg
Tom Studd
Burgermeister

������ form�� �ߺ��Ǵ� NAME�� �־�� �ȵȴٴ� ���� ����Դϴ�. �׷���, �츮�� ������ ������ �ٸ� �̸��� ����� �� ���� �̴ϴ�. ���� �ȵȴٰ� ���� ����, �������� ��ǻ�Ͱ� ���峭�ٴ� ���� �ǹ��ϴ� ���� �ƴմϴ�... �����ؾ�, �������� ȥ���Ѵٰų�, �Ǵ� parser (Mailto Formatter�� parser�Դϴ�.), �Ǵ� cgi ��ũ��Ʈ�� ȥ���Ѵٴ� ����. �����ؾ� ����� �����ؾ��� form �����Ͱ� ȥ���� ����Ű����.

������ �̷��� �������� ���� html�Դϴ�. <TABLE> �±״� �ʷϻ��Դϴ�. ������ ��Ȯ�ϰ� �ϱ����ؼ���, form���� ������ ��ġ�� �ʽ��ϴ�. <TABLE> �±׿� ���� �ٽ� �ѹ� ����ϰ� �����ôٸ�, Table Tutor�� �鷯�ּ���.

<CENTER>
<TABLE WIDTH=600 BORDER=1 CELLSPACING=1><TR>

<TD WIDTH=199>
ģ����?<BR>
<INPUT TYPE=CHECKBOX NAME="Friend?..Ed" VALUE="YES"> Ed Holleran<BR>
<INPUT TYPE=CHECKBOX NAME="Friend?..Rick" VALUE="YES"> Rick Weinberg<BR>
<INPUT TYPE=CHECKBOX NAME="Friend?..Tom" VALUE="YES"> Tom Studd<BR>
<INPUT TYPE=CHECKBOX NAME="Friend?..BM" VALUE="YES"> Burgermeister<P>
</TD>

<TD WIDTH=200>
���� �������� �����?<BR>
<INPUT TYPE=CHECKBOX NAME="Lend money?...Ed" VALUE="YES"> Ed Holleran<BR>
<INPUT TYPE=CHECKBOX NAME="Lend money?...Rick" VALUE="YES"> Rick Weinberg<BR>
<INPUT TYPE=CHECKBOX NAME="Lend money?...Tom" VALUE="YES"> Tom Studd<BR>
<INPUT TYPE=CHECKBOX NAME="Lend money?...BM" VALUE="YES"> Burgermeister<P>
</TD>

<TD WIDTH=199>
�������� �Ұ��ϰ��� �����?<BR>
<INPUT TYPE=CHECKBOX NAME="Date sister?...Ed" VALUE="YES"> Ed Holleran<BR>
<INPUT TYPE=CHECKBOX NAME="Date sister?...Rick" VALUE="YES"> Rick Weinberg<BR>
<INPUT TYPE=CHECKBOX NAME="Date sister?...Tom" VALUE="YES"> Tom Studd<BR>
<INPUT TYPE=CHECKBOX NAME="Date sister?...BM" VALUE="YES"> Burgermeister<P>
</TD>

</TR></TABLE>
</CENTER>


����ڰ� ������ �ڽ��� üũ�ߴٰ� ������ ���ô�....

ģ����?
Ed Holleran
Rick Weinberg
Tom Studd
Burgermeister

���� �������� �����?
Ed Holleran
Rick Weinberg
Tom Studd
Burgermeister

�������� �Ұ��ϰ��� �����?
Ed Holleran
Rick Weinberg
Tom Studd
Burgermeister

...�׷��� �Ͻø� �����п��� ������ name/value pair�� �����մϴ�.

Friend?..Ed=YES
Friend?..Rick=YES
Friend?..Tom=YES
Lend money?...Tom=YES
Lend money?...BM=YES
Date sister?...Ed=YES
Date sister?...Tom=YES
Date sister?...BM=YES

������!

<--BACK        NEXT-->

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