본문 바로가기

CSS

input type 태그의 종류

<form name="form1" action="save.php" method="post">

 //action값이 save.php이다.. 입력한 값이 save.php로 전송된다는 의미
 <p>회원 가입을 해 주세요
<input type="hidden" name="grade" value="human">

//input 의 type이 hidden인 경우, 브라우저 상에는 보이지 않는 숨겨진 값을 전송하겠다는 의미
 </p>
 <p>이름 : <input type="text" name="name"></p>

// input="text" 인 경우 일반적인 한 줄 글상자를 뜻합니다.
 <p>비밀번호 : <input type="password" name="pass"></p>

//input type이 "password"는 암호를 입력받을 때 사용하는 입력상자입니다.
 <p>결혼 여부 : 미혼 <input type="radio" name="merry" value="아직 못 했음" checked> 기혼&nbsp;

//input type="radio" 라디오 버튼은 하나만 체크할 수 있는 입력단추입니다.
 <input type="radio" name="merry" value="해 냈음"></p>

 <p>차량 소유 : <input type="checkbox" name="car" value="yes"></p>

//input type="checkbox"에서 checkbox는 여러 개를 선택할 수 있습니다.

 <p>학벌 : <select name="study" size="1"></p>

//select name은 아래 풀다운 메뉴를 만들어 아래 <option>의 값 중 하나를 선택할 수 있습니다.
 <option value="고졸">고졸</option>
 <option value="대졸">대졸</option>
 <option value="대학원">대학원</option>
 </select></p>

 <p>자기소개</p>
 <p><textarea name="intro" rows="6" cols="36"></textarea></p>

//textarea는 여러 줄을 가진 상자를 만들어 입력을 받는 곳으로, 주로 자기 소개에 많이 쓰입니다.
 <p><input type="image" name="formimage1" src="button_ok.gif" width="66" height="19" border="0"></p>
 //input type="image"는 일반적인 <submit> 단추 대신 이미지를 전송 버튼으로 사용할 때 사용하는 태그입니다.
</form>


'CSS' 카테고리의 다른 글

줄바꿈 간격 line-height  (0) 2011.10.15
display  (0) 2011.07.29
padding 값과 margin 값에 비교  (0) 2011.07.26