|
<from>...</from> attribute
ACTION→ It appoints URL of CGI program, which execute data
provided by user.
METHOD→It appoints value of either"GET"or "POST",
default value is "GET".
GET→Data input by user are transferred to the program as environmental
variable.
POST→Data are transferred to the server in the form of standard
input.
ENCTYPE→It decides the data type sent to CGI program.
<input> 속성
<input> attribute
type=You should type the name of tool you want to build.
NAME=You should give a name to the tool you built.
VALUE=You input the default value.
SIZE=n→The size of the tool
MAXLENGTH=n→The maximum capacity of data you input.
|
type
|
The form of input
|
|
text
|
text input form
|
|
password
|
password input form
|
|
checkbox
|
check box input form
|
|
hidden
|
hidden input form
|
|
image
|
image input form
|
|
radio
|
radio button input form
|
|
submit
|
data sending input form
|
|
reset
|
re-input form
|
<SELECT >... </SELECT>--->
<SELECT NAME="form_select">
<OPTION VALUE="서울">서울
<OPTION VALUE="부산">부산
<OPTION VALUE="광주">광주
<OPTION VALUE="전주">전주
</SELECT>
<TEXTAREA>...</TEXTAREA>-->You can input data
in several lines.
<TEXTAREA NAME="command" ROWS=10 COLS=50>
</TEXTAREA>
1)Text input form
You can use this form to input the one text line, it is used
the most, you can make this by setting type trait of input
as text.
Please click send button after you input data.
Example) 
|
<html>
<body>
데이터 입력후 전송 버튼을 누르시오<P>
<form method="get" action="process.cgi">
<input type="text" name="mytext">
<input type="submit" value="전송">
</form>
</body>
</html>
|
|
2)Check box
It displays the list for user to select, and user can select
several items at the same time.
예제)
|
<html>
<body>
<form method="get" action="cgi file name">
<ol>
<li><input type="checkbox" name="aaa" value="a">상추
<li><input type="checkbox" name="bbb" value="b">삼겹살
<li><input type="checkbox" name="ccc" value="c">고추
</ol>
</form>
</body>
</html>
|
|
3)Radio button
It displays the optional list for user to select only one
item in the list.
If you select other item, the previous item you selected is
removed.
Example)
|
<html>
<body>
<form method="get" action="cgi file name">
<ol>
<li><input type="radio" name="aaa" value="a">고추
<li><input type="radio" name="aaa" value="b">삼겹살
<li><input type="radio" name="aaa" value="c">상추
<li><input type="radio" name="aaa" value="d">마늘
</ol>
</form>
</body>
</html>
|
|
4)Direction button
Submit button enables the data input by user to transfer url
of action appointed by <form>.
Reset button clears the whole value and remakes the initial
value.
Example)
|
<html>
<body>
<form method="get" action="cgi url">
성명:<input type="text" name="name" size=12><p>
전화:<input type="text" name="phone size=32><p>
<input type="submit" name="transfer" value="전송">
<input type="reset" name="cancel" value="취소">
</form>
</body>
</html>
|
|
5)List Selection
You can select the one in several options of the HTML document.
It is executed by <select>, is similar to radio button
or check box.
예제)
|
<html>
<body>
<form method="get" action="cgl url">
<select name="과일종류" size=2 multiple>
<option>사과
<option>배
<option>딸기
<option>바나나
<option>키위
</select>
</form>
</body>
</html>
|
|
6)Text Area
Test field is different from text function, is available to
input a great deal of information in several lines.
You can use <textarea>tag. /Please type the content.
Example)
|
<html>
<body>
<form method="get" action="cgi url">
<textarea name="textarea" rows="5" cols="50>
내용을 넣은세요
</textarea>
</form>
</body>
</html>
|
|
|
