//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> 기혼
//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 |