����(FORM)���(TAGS)


+ �����﷨

�����Ļ����﷨

<form action="url" method=*>
...
...
<input type=submit> <input type=reset>
</form>

*=GET, POST



�������ṩ���û���������ʽ

<input type=* name=**>

*=text, password, checkbox, radio, image, hidden, submit, reset

**=Symbolic Name for CGI script



+ �����������������

*=text, password

<input type=*>
<input type=* value=**>

<form action=/cgi-bin/post-query method=POST>
��������: 
<input type=text name=����><br>
������ҳ����ַ: 
<input type=text name=��ַ value=http://><br>
����: 
<input type=password name=����><br>
<input type=submit value="����"><input type=reset value="����">
</form>

��������:
������ҳ����ַ:
����:



<input type=* size=**>
<input type=* maxlength=**>

<form action=/cgi-bin/post-query method=POST>
<input type=text name=a01 size=40><br>
<input type=text name=a02 maxlength=5><br>
<input type=submit><input type=reset>
</form>





+ ��ѡ��(Checkbox) �� ��ѡ��(RadioButton)

<input type=checkbox>
<input type=checkbox checked>
<input type=checkbox value=**>

<form action=/cgi-bin/post-query method=POST>
<input type=checkbox name=ˮ��1>
        Banana<p>
<input type=checkbox name=ˮ��2 checked>
        Apple<p>
<input type=checkbox name=ˮ��3 value=����>
        Orange<p>
<input type=submit><input type=reset>
</form>

Banana

Apple

Orange



<input type=radio value=**>
<input type=radio value=** checked>

<form action=/cgi-bin/post-query method=POST>
<input type=radio name=ˮ��>
        Banana<p>
<input type=radio name=ˮ�� checked>
        Apple<p>
<input type=radio name=ˮ�� value=����>
        Orange<p>
<input type=submit><input type=reset>
</form>

Banana

Apple

Orange



+ ͼ������

������ѡ��һ��ϵ������ͼ���ϵ�һ�£���֪��ʲô��ͼ�������ˣ�

<input type=image src=url>

<form action=/cgi-bin/post-query method=POST>
<input type=image name=face src=f.gif><p>
<input type=radio name=zoom value=2 checked>x2
<input type=radio name=zoom value=4>x4
<input type=radio name=zoom value=6>x6<p>
<input type=reset>
</form>

x2 x4 x6



+ ���ر�����Ԫ��

<input type=hidden value=*>

<form action=/cgi-bin/post-query method=POST>
<input type=hidden name=add [email protected]>
Here is a hidden element. <p>
<input type=submit><input type=reset>
</form>

Here is a hidden element.



+ ���(Selectable Menu)

�����﷨

<select name=*>
<option> ...
</select>

<option selected>
<option value=**>

<form action=/cgi-bin/post-query method=POST>
<select name=fruits>
        <option>Banana
        <option selected>Apple
        <option value=My_Favorite>Orange
</select><p>
<input type=submit><input type=reset>
</form>



<select size=**>

<form action=/cgi-bin/post-query method=POST>
<select name=fruits size=3>
        <option>Banana
        <option selected>Apple
        <option value=My_Favorite>Orange
        <option>Peach
</select><p>
<input type=submit><input type=reset>
</form>



<select size=** multiple>

ע�⣬���� Ctrl ��������ʵ�ֶ�ѡ��
(�� MS-WINDOWS �� File Manager һ��)
<form action=/cgi-bin/post-query method=POST>
<select name=fruits size=3 multiple>
        <option selected>Banana
        <option selected>Apple
        <option value=My_Favorite>Orange
        <option selected>Peach
</select><p>
<input type=submit><input type=reset>
</form>



+ �ı�����

<textarea name=* rows=** cols=**> ... <textarea>

<form action=/cgi-bin/post-query method=POST>
<textarea name=comment rows=5 cols=60>
</textarea>
<P>
<input type=submit><input type=reset>
</form>



���ںܳ������Ƿ���л��е�����(Word Wrapping)

<textarea wrap=off> ... </textarea>

�����У���ȱʡ���á�

<textarea wrap=soft> ... </textarea>

�������С������� MS��WORD ��ġ����س�����
<form action=/cgi-bin/post-query method=POST>
<textarea wrap=soft name=comment rows=5 cols=25> </textarea><P>
<input type=submit><input type=reset>
</form>

<textarea wrap=hard> ... </textarea>

��Ӳ���С������� MS��WORD ��ġ�Ӳ�س�����
<form action=/cgi-bin/post-query method=POST>
<textarea wrap=hard name=comment rows=5 cols=25> </textarea><P>
<input type=submit><input type=reset>
</form>




NCD HOME HTML Design Guide Main Page
Contents || Page || Font || Text Style || Image || Form || Table || Table Advanced
|| Frames || Marquee || Alternative Inline Elements
Tag Index || What's New

Network Communication Design
http://ncdesign.kyushu-id.ac.jp/
C&P 1994-1996 Yuriko Ienaga [email protected]