폼태그안에 다른 폼태그를 쓸수 없다.

기본형식
<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>





+ Recent posts