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>
���Ѵٸ� 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>
����ڴ� �ϳ��� ���û����� ������ �� �ֽ��ϴ�. ���� ������ ���� (���� ������ �����ϵ���) �����п��� 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>
��, �� �ڽ��� �̸��� �ݽô�.
<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>
���������� ���� üũ�ڽ��� ���𰡸� �߰��غ��ô�. �⺻������ �ξ�� �����ϰ� �غ��ô�.
ģ����?<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=YES
Tom=YES
(������ �����ϵ��� ... ������ ���� ������, �ƹ��͵� �������� �ʰ���)
�Ȱ��� ���� ����鿡�� 3���� �ٸ� ������ �Ϸ��� �Ѵٸ� ��� ���� �ñ�������. ���� �� õ��� ���̾�!
��, ���� �ذ��� �Ǿ�����. �����帮��.
������ form�� �ߺ��Ǵ� NAME�� �־�� �ȵȴٴ� ���� ����Դϴ�. ����, �츮�� ������ ������ �ٸ� �̸��� ����� �� ���� �̴ϴ�. ���� �ȵȴٰ� ���� ����, �������� ��ǻ�Ͱ� ���峭�ٴ� ���� �ǹ��ϴ� ���� �ƴմϴ�... �����ؾ�, �������� ȥ���Ѵٰų�, �Ǵ� parser (Mailto Formatter�� parser�Դϴ�.), �Ǵ� cgi ��ũ��Ʈ�� ȥ���Ѵٴ� ����. �����ؾ� ����� �����ؾ��� form �����Ͱ� ȥ���� ����Ű����.
������ �̷��� �������� ���� html�Դϴ�. <TABLE> �±״� �ʷϻ��Դϴ�. ������ ��Ȯ�ϰ� �ϱ����ؼ���, form���� ������ ��ġ�� �ʽ��ϴ�. <TABLE> �±� ���� �ٽ� �ѹ� ����ϰ� �����ôٸ�, Table Tutor�� �鷯�ּ���.
<CENTER>
<TD WIDTH=199>
<TD WIDTH=200>
<TD WIDTH=199>
</TR></TABLE>
<TABLE WIDTH=600 BORDER=1 CELLSPACING=1><TR>
ģ����?<BR>
</TD>
���� �������� �����?<BR>
</TD>
�������� �Ұ��ϰ��� �����?<BR>
</TD>
</CENTER>
����ڰ� ������ �ڽ��� üũ�ߴٰ� ������ ���ô�....
...���� �Ͻø� �����п��� ������ 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
Introduction | Lesson 1 | Lesson 2 | Lesson 3 | Lesson 4 | Lesson 5 | Index |
PROFESSIONAL WEB DESIGN |