����� 8. �����

��� ���� ����� �����?

����� - ��� ����������, � ������� �������� HTML-�������� ����� ������� ��������� ���������� � ��������� ������� ������������ ����� �������� ����, ��� ���������� ����� ��������� ������� ����������.

���������� � ������ � �����, ����������� HTML, ���������� ������. ������� ����� �������: ������� ����� ������� �����, ��� �� "����� �������� ����", � ������� ����� ����� �������� ����������. � �������� ����� "�����" � ����������� ������� ��������� ���������, ���������� �� ���� ��� ��. ���������, �������������� ������, ���������� �������, ����� �������� CGI-���������. ���������� CGI (Common Gateways Interface) �������� "������������ ��������� ������". ��������� CGI-�������� � ����������� ������� ������� �������� ������ ���������������� ����� ���������������� � ������������ ������������ ������� Unix.

� ��������� ����� ������������ ��������������� ������� ���� PHP/FI, ���������� �������� ����� ���������� ����� � HTML-��������� (��������� ��� ���� ����������� � ���� ������ � ����������� *.pht ��� *.php).

����� �������� ���������� ����������-������������ � ���� ��� [��� ����������]=[�������� ����������]. ����� ���������� ������� �������� ���������� �������. �������� ���������� �������������� ������������� ��� ������, ���� ���� ��� �������� ������ �����.

��� �������� �����

����� ����������� ������ <FORM> � ������������� ������ </FORM>. HTML-�������� ����� ��������� � ���� ��������� ����, ������ ����� �� ������ ���������� ���� ������ ������. HTML-�����, ������� �����, ����� ����������� ������ ���� ��� �����������.

����� <FORM> ����� ��������� ��� ��������, ���� �� ������� �������� ������������. ��� ��� ��������:

ACTION
������������ �������. ����������, ��� ��������� ���������� �����.
METHOD
����������, ����� ������� (����� ������, � ������� ������ ������ ��������� �������� ������������) ������ �� ����� ����� �������� �����������. ���������� ��������: METHOD=POSTMETHOD=GET. ���� �������� �������� �� �����������, �� ��������� �������������� METHOD=GET.
ENCTYPE
����������, ����� ������� ������ �� ����� ����� ������������ ��� �������� �����������. ���� �������� �������� �� �����������, �� ��������� �������������� ENCTYPE=application/x-www-form-urlencoded.

���������� �����

��� ����, ����� ��������� ������� �������� ������ �� ����� �����������, ����� �����-�� ����� ����������. ������� ����� ����� ���������� ����� ������:

<INPUT TYPE=submit>

�������� ����� ������� ������ �����, ������� �������� �� ������ ������ � �������� Submit (�������� "������" � ��������� �� ������ �����, �� ����������� "��������"), ��� ������� �� ������� ��� ��������� � ����� ������ ����� �������� �����������, ������������� � ����� <FORM>.

������� �� ������ ����� ������ �����, ����� ��������, ����� �������� �������� VALUE="[�������]" (�������� "�����" � ��������� �� ������ �����, �� ����������� "��������"), ��������:

<INPUT TYPE=submit VALUE="�������!">

������ �� ����� ���������� ��� ����, ����� �������� ���������� ����� (������ 11). ��� �� ����� �������� ������� ������, � ������ ������ ��� � ������ ���� �����.

<HTML> 
<HEAD> 
<TITLE>������ 11</TITLE> 
</HEAD>
<H1>���������� ����� </H1> 
<FORM ACTION="pr0008.html"> <!--��� ������ �����--> 
<INPUT TYPE=submit VALUE="�����, � ����� 8..."> 
</FORM> <!--��� ����� �����--> 
</BODY>
</HTML>

�������, ���������� �� ������, ����� ��� ������������� �������� ����������� ����� �������� � ����������� ������ �������� NAME=[���] (�������� "����", �� ����������� "���"), ��������:

<INPUT TYPE=submit NAME=button VALUE="�������!">

��� ������� �� ����� ������ ���������� ������ �� ����� ���������� ������� ������� � ���������� button �� ��������� �������!.

� ����� ����� ���� ��������� ������ ���� submit � ���������� ������� �/��� ����������. ����������, ����� �������, ����� ����������� ��-������� � ����������� �� ����, ����� ������ ������ submit ����� ������������.

��� ����� �������� ������

���������� � ������ ���� ��������� <INPUT>. ������ ������� <INPUT> ������ �������� ������� NAME=[���], ������������ ��� �������� (�, ��������������, ��� ����������, ������� ����� �������� �����������). ��� ������ ���������� ������ ���������� �������. ����������� ��������� <INPUT> ������ �������� ������� VALUE="[��������]", ������������ ��������, ������� ����� �������� ����������� ��� ���� ������. ��� ��������� <INPUT TYPE=text><INPUT TYPE=password>, ������, ���� ������� �� ����������, ��������� �������� ��������������� ���������� ����� ��������� ������������� � ����������.

�������� ���� ��������� <INPUT>:

TYPE=text
���������� ���� ��� ����� ������ ������. ����� ��������� �������������� �������� SIZE=[�����] (������ ���� ����� � ��������) � MAXLENGTH=[�����] (����������� ���������� ����� �������� ������ � ��������). ������:
<INPUT TYPE=text SIZE=20 NAME=user VALUE="����">
���������� ���� ������� 20 �������� ��� ����� ������. �� ��������� � ���� ��������� ����� ����, ������� ������������ ����� �������������. ����������������� (��� �������������������) ����� ���������� ����������� � ���������� user.
TYPE=password
���������� ���� ��� ����� ������. ��������� ���������� ���� text, ������ ������ �������� ��������� ������ ���������� �� ������ ��������� (*). ������:
<INPUT TYPE=password NAME=pw SIZE=20 MAXLENGTH=10>
���������� ���� ������� 20 �������� ��� ����� ������. ����������� ���������� ����� ������ - 10 ��������. ��������� ������ ���������� ����������� � ���������� pw.
TYPE=radio
���������� �����������. ����� ��������� �������������� ������� checked (����������, ��� ������ ��������). � ������ ����������� � ����������� ������� ����� ���� ������ ���� ���������� �����������. ������:
<INPUT TYPE=radio NAME=modem VALUE="9600" checked> 9600 ���/�
<INPUT TYPE=radio NAME=modem VALUE="14400"> 14400 ���/�
<INPUT TYPE=radio NAME=modem VALUE="28800"> 28800 ���/�
���������� ������ �� ���� �����������, ����������� 9600 ���/�, 14400 ���/�28800 ���/�. ������������� �������� ������ �� ������. ���� ������������ �� ������� ������ ������, ����������� ����� �������� ���������� modem �� ��������� 9600. ���� ������������ ������� ������ ������, ����������� ����� �������� ���������� modem �� ��������� 14400 ��� 28800.
TYPE=checkbox
���������� �������, � ������� ����� ������� �������. ����� ��������� �������������� ������� checked (����������, ��� ������� �������). � ������� �� �����������, � ������ ��������� � ����������� ������� ����� ���� ��������� ���������� ���������. ������:
<INPUT TYPE=checkbox NAME=comp VALUE="PC"> ������������ ����������
<INPUT TYPE=checkbox NAME=comp VALUE="WS" checked> ������� �������
<INPUT TYPE=checkbox NAME=comp VALUE="LAN"> ������� ��������� �����
<INPUT TYPE=checkbox NAME=comp VALUE="IS" checked> ������� ��������
���������� ������ �� ������� ���������. ������������� �������� ������ � ��������� ��������. ���� ������������ �� ���������� ���������, ����������� ����� �������� ��� ����������: comp=WScomp=IS.
TYPE=hidden
���������� ������� ������� ������, ������� �� ����� ������������ ��� ���������� ����� � ���������� ����������� ��� ���������. ����� ������� ������ ������� ����� � �����, ������� ����� �� ������� ������������ �����������, ����� ���������� ��� �����, � ����� ������� ����� �� ����� ����. ������ ��������� �������� ������������� �� ������ ������ ��������� ����. ������:
<INPUT TYPE=hidden NAME=version VALUE="1.1">
���������� ������� ���������� version, ������� ���������� ����������� �� ��������� 1.1.
TYPE=reset
���������� ������, ��� ������� �� ������� ����� ������������ � �������� ���������. ��������� ��� ������������� ���� ������ ������ ����������� �� ����������, ������ ���� reset ����� � �� ����� �������� name. ������:
<INPUT TYPE=reset VALUE="�������� ���� �����">
���������� ������ �������� ���� �����, ��� ������� �� ������� ����� ������������ � �������� ���������.

������ ��������� <INPUT>, ����� ����� ��������� ���� <SELECT> � ���� ��� ����� ������ <TEXTAREA>.

���� <SELECT> �� n ��������� �������� �������� ���:

<SELECT NAME="[���]"> 
<OPTION VALUE="[�������� 1]">[����� 1] 
<OPTION VALUE="[�������� 2]">[����� 2] 
... 
<OPTION VALUE="[�������� n]">[����� n] 
</SELECT>

��� �� ������, ���� ���������� � ����� <SELECT> � ������������� ������ </SELECT>. ����� <SELECT> �������� ������������ ������� NAME, ������������ ��� ����������, ������� ���������� ����.

����� <SELECT> ����� ����� ��������� ������� MULTIPLE, ����������� �������� ����������, ��� �� ���� ����� ������� ��������� ���������. ����������� ��������� ���������� ���� <SELECT MULTIPLE> � ���� ����, � ������� ��������� �������� ���� (������ ���� � ������� ����� ������ ��������� SIZE=[�����]). ���� <SELECT> � ����������� ������� ������������ � ���� ����������� ����.

����� <OPTION> ���������� ������� ����. ������������ ������� VALUE ������������� ��������, ������� ����� �������� �����������, ���� ������ ���� ������� ����. ����� <OPTION> ����� �������� ������� checked, ������������, ��� ������ ������� ������� �� ���������.

�������� ��������� ������.

<SELECT NAME="selection"> 
<OPTION VALUE="option1" checked>������� 1 
<OPTION VALUE="option2">������� 2
<OPTION VALUE="option3">������� 3 
</SELECT>

����� �������� ���������� ���� �� ���� ���������: ������� 1, ������� 2������� 3. �� ��������� ������ ������� ������� 1. ����������� ����� �������� ���������� selection �������� ������� ����� ���� option1 (�� ���������), option2 ��� option3.

����� �����, ��� �� ��� ������, ������� <TEXTAREA> ����� ���������� ������ �������. ��������:

<TEXTAREA NAME=address ROWS=5 COLS=50> 
� ����� - ��� �����...
</TEXTAREA>

��� �������� �����������. ������� NAME ���������� ���, ��� ������� ���������� ���� ����� �������� ����������� (� ������� - address). ������� ROWS ������������� ������ ���� � ������� (� ������� - 5). ������� COLS ������������� ������ ���� � �������� (� ������� - 50).

�����, ����������� ����� ������� <TEXTAREA></TEXTAREA>, ������������ ����� ���������� ���� �� ���������. ������������ ����� ��� ��������������� ��� ������ �������.

����� �����, ��� ������� ����� � ���� <TEXTAREA> ��� �������� ����������� ����� ���� �������������� � ��������������� �� ���������� �������.

������

��� ������������ ������������� ���� � ������� ��������� ��������� �� PHP, ������� ��������� �� ������:

http://206.31.82.215/hp/nc/fd-win.pht

�������� ������ � ��� ��������� �������� �����, ��������� � ������� 12 :

<HTML> 
<HEAD> 
<TITLE>������ 12</TITLE> 
</HEAD>
<H1>��������� ����� ������� ����� </H1> 
<FORM ACTION="http://206.31.82.215/hp/nc/fd-win.pht"
 METHOD=post> 
<H2>���������� ������� � ����...</H2> 
<P>��������� ��������� ������ ������ �� �����������. 
��� ����� ������������ ������ �������� � �����������.
 </P> 
<P>���: <INPUT TYPE=text SIZE=40 NAME=fn><BR>
�������: <INPUT TYPE=text SIZE=40 NAME=ln><BR> 
���: <INPUT TYPE=radio NAME=gender VALUE="male"
 checked>������� 
<INPUT TYPE=radio NAME=gender
 VALUE="female">�������<BR> 
�������: <INPUT TYPE=text SIZE=5 NAME=age> ���<BR> 
<INPUT TYPE=submit VALUE="��������� ����������"></P> 
</FORM> 
</BODY>
</HTML>

���������� �����, ����� �� ������ � ��������, ��� �����...

��������� ��������,
��� ��� ��������� ����� ������

��� ��� ���������, ������ ��������, �� �� ��� ��� ����� ����� �����, ������� �� ����� ����������? ������� ��� �����, �� ������ �������.

HTML ������������� � ���� ������������ �������� ������ �������� ��������� ����������� ���� �� ����������� �����. ��� ��� ��� �������� �� ��������.

��������, ��� �� ������ �������� ������ 12. ������ ������

<FORM ACTION="http://206.31.82.215/hp/nc/fd-win.pht"
 METHOD=post>

�� ����� ������

<FORM ACTION="mailto:user@mail.box"
 ENCTYPE=text/plain>

�������� ��������, ��� �� �������� �������� ����������� �� text/plain, �� ���� ���������� ��������� ����������� ������.

����������� ������, ��� ������������ ������, ��� ����, ������� ������, ������� ��� � ������� 22 ����. ������ ������: ��� ����������, ���� ������������ ������ �� ������ ��������� ����������?

����� �����. �� ����� user@mail.box ����������� ������ ������������� ����� ���������� ��������� ���������� ����������:

fn=���� 
ln=������ 
gender=male 
age=22

� ���������, �� ��� ������������ ������ ��������������� ����� ������. ���� � ���, ��� ��� ������ �� ����������� ��������� � ������� �������� ��������� ��� ��� �������� ���������� ����� �� ���� ������� ������������. ��� ������, ��� ������������ ������� ������������ � �������� ������ ������������ ������������� ���������������� ��������� �������� ������������ � ��������� �������� ��������� �����. ����� �������� �� ������. ��� �� �����, ���� ���� ��� ����������, ������ ������������ �� ��������. ������� ������ ������ ��������� �� ������.


html - ������� html

�������� ���� �����,