폼태그안에 다른 폼태그를 쓸수 없다.
기본형식
<form name="이름" method="전송방식" target="타겟" action="전송될문서" enctype="데이터타입" autocomplete="자동완성사용여부">
예>
<form name="test" method="post" target="_self" action="form.php enctype="application/x-www-form-urlencoded">
</form>
위를 더 간단히 하면 기본값을 생략하면 된다 즉...
<form method="post" action="form.php"></form>
<input>태그
-입력을 받기위한 폼으로 type에서 지정된 값을 받음
1.text
<form>
<input type="text" name="이름" size="크기" maxlength="최대길이" value="기본값" readonly>
여기서 value는 텍스트박스에 기본적으로 들어갈 말을 쓰면됨
예>
<form method="post" action="form.php">
<input type="text" name="id" size="20" maxlentgh="10" value="폼테스트">
</form>
2.passworld
-암호를 입력받을때 * 로 표시받기위함
예>
<center>
로그인창만들기
<form method="post" action="form.php">
아이디: <input type="text" name="id" size="20" maxlentgh="10" ><br>
암호: <input type="password" name="pass" size="15" maxlength="15">
</form>
</center>
3.checkbox
<form method="post" action="form.php">
<input type="checkbox" name="mailing" value="join" checked> 메일링리스트에 가입
</form>
4.radio
<form method="post" action="form.php">
<input type="radio" name="gender" value="남자" checked>남자
<input type="radio" name="gender" value="여자" >여자
5.hidden
-사용자에게서 어떠한 값을 입력받지 않고, 임의로 값을 전달
<form>
<input type="hidden" name="" value="">
</form>
6.button
-버튼을 만들어 주는 것으로 보통 자바스크립트와 연계되어 사용
<input type="button" value="창닫기" onclick="window.close()">
->창닫기 버튼을 클릭하면 예제창이 닫힐것임
7. submit
-전송버튼을 만드는것
<center>
로그인창만들기
<form method="post" action="form.php">
아이디: <input type="text" name="id" size="20" maxlentgh="10" ><br>
암호: <input type="password" name="pass" size="15" maxlength="15">
<input type="submit" value="로그인">
</form>
</center>
액션의 대상이 되는 form.php 소스
<?
echo "아이디 : $id";
echo "<br>";
echo "암호: $pass";
?>
8. image
-이미지를 이용하여 전송버튼 만들기
<center>
로그인창만들기
<form method="post" action="form.php">
아이디: <input type="text" name="id" size="20" maxlentgh="10" ><br>
암호: <input type="password" name="pass" size="15" maxlength="15">
<input type="image" src="login.gif">
</form>
</center>
9. reset
-다시되돌리기
<center>
로그인창만들기
<form method="post" action="form.php">
아이디: <input type="text" name="id" size="20" maxlentgh="10" ><br>
암호: <input type="password" name="pass" size="15" maxlength="15">
<input type="submit" value="로그인">
<input type="reset" value="다시쓰기">
</form>
</center>
기본형식
<form name="이름" method="전송방식" target="타겟" action="전송될문서" enctype="데이터타입" autocomplete="자동완성사용여부">
속성 | 설명 | 기본값 | 설정값 |
name | 이름 | x | 사용자정의 |
method | 전송방식 | get | get, post |
target | 전송될페이지가 보여질 타겟 | _self | 사용자 |
action | 입력된 정보가 전송될 문서 | 현재문서 | 사용자 |
entype | 입력된 정보를 전송할 데이터타입 | application/x-www-form-urlencoded | application/x-www-form-urlencoded 텍스트전송 multipart/form-data 파일업로드 |
예>
<form name="test" method="post" target="_self" action="form.php enctype="application/x-www-form-urlencoded">
</form>
위를 더 간단히 하면 기본값을 생략하면 된다 즉...
<form method="post" action="form.php"></form>
<input>태그
-입력을 받기위한 폼으로 type에서 지정된 값을 받음
1.text
<form>
<input type="text" name="이름" size="크기" maxlength="최대길이" value="기본값" readonly>
여기서 value는 텍스트박스에 기본적으로 들어갈 말을 쓰면됨
예>
<form method="post" action="form.php">
<input type="text" name="id" size="20" maxlentgh="10" value="폼테스트">
</form>
2.passworld
-암호를 입력받을때 * 로 표시받기위함
예>
<center>
로그인창만들기
<form method="post" action="form.php">
아이디: <input type="text" name="id" size="20" maxlentgh="10" ><br>
암호: <input type="password" name="pass" size="15" maxlength="15">
</form>
</center>
3.checkbox
<form method="post" action="form.php">
<input type="checkbox" name="mailing" value="join" checked> 메일링리스트에 가입
</form>
4.radio
<form method="post" action="form.php">
<input type="radio" name="gender" value="남자" checked>남자
<input type="radio" name="gender" value="여자" >여자
5.hidden
-사용자에게서 어떠한 값을 입력받지 않고, 임의로 값을 전달
<form>
<input type="hidden" name="" value="">
</form>
6.button
-버튼을 만들어 주는 것으로 보통 자바스크립트와 연계되어 사용
<input type="button" value="창닫기" onclick="window.close()">
->창닫기 버튼을 클릭하면 예제창이 닫힐것임
7. submit
-전송버튼을 만드는것
<center>
로그인창만들기
<form method="post" action="form.php">
아이디: <input type="text" name="id" size="20" maxlentgh="10" ><br>
암호: <input type="password" name="pass" size="15" maxlength="15">
<input type="submit" value="로그인">
</form>
</center>
액션의 대상이 되는 form.php 소스
<?
echo "아이디 : $id";
echo "<br>";
echo "암호: $pass";
?>
8. image
-이미지를 이용하여 전송버튼 만들기
<center>
로그인창만들기
<form method="post" action="form.php">
아이디: <input type="text" name="id" size="20" maxlentgh="10" ><br>
암호: <input type="password" name="pass" size="15" maxlength="15">
<input type="image" src="login.gif">
</form>
</center>
9. reset
-다시되돌리기
<center>
로그인창만들기
<form method="post" action="form.php">
아이디: <input type="text" name="id" size="20" maxlentgh="10" ><br>
암호: <input type="password" name="pass" size="15" maxlength="15">
<input type="submit" value="로그인">
<input type="reset" value="다시쓰기">
</form>
</center>