note

HTML Form 본문

HTML/기본

HTML Form

투한 2012. 2. 1. 10:46
Form 연습
주소 :
좋아하는 계절 : 봄 여름 가을 겨울
가장 여행 가고 싶은 나라 : 중국 일본 호주 미국 프랑스 이탈리아
학교 :
직업 :
내용 : 



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Form 연습</title>
</head>
<body>
<!--
 입력한 데이터를 서버로 전송할 경우는 form 태그를 사용하고
 form 이하에 데이터를 입력할 수 있는 태그를 기재 
-->
<form action="a.jsp" method="post">
	<input type="hidden" name="num" value="20"/>
	주소 : 
	<input type="text" name="adress" size="20" maxlength="20" value="서울"/>
	<br/>
	좋아하는 계절 : 
	<input type="checkbox" name="season" value="봄" checked/>봄
	<input type="checkbox" name="season" value="여름" />여름
	<input type="checkbox" name="season" value="가을" />가을
	<input type="checkbox" name="season" value="겨울" />겨울
	<br/>
	가장 여행 가고 싶은 나라 : 
	<!-- 기본 선택 checked -->
	<input type="radio" name="contry" value="중국" />중국
	<input type="radio" name="contry" value="일본" />일본
	<input type="radio" name="contry" value="호주" />호주
	<input type="radio" name="contry" value="미국" />미국
	<input type="radio" name="contry" value="프랑스" checked/>프랑스
	<input type="radio" name="contry" value="이탈리아" />이탈리아
	<br/>
	학교 : 
	<!-- value를 명시하지 않으면 안에 있는 글자가 value가 됨 selected 기본선택	
	 -->
	<select name="school">
		<option value="초등학교">초등학교</option>
		<option value="중학교">중학교</option>
		<option value="고등학교" selected>고등학교</option>
		<option value="대학교">대학교</option>
	</select>
	</br>
	직업 : 
	<select name="job">
		<optgroup label="전문직">
			<option value="의사">의사</option>
			<option value="프로그래머">프로그래머</option>
			<option value="헤어디자이너">헤어디자이너</option>
		</optgroup>
		<optgroup label="스포츠 선수">
			<option value="농구">농구</option>
			<option value="축구">축구</option>
			<option value="야구">야구</option>
		</optgroup>
	</select>
	<br/>
	내용 : 
	<textarea rows="5" cols="50">좋아하는 영화는?</textarea>
	<br/>
	<input type="submit" value="전송"/>
	<input type="reset" value="초기화" />
</form>
</body>
</html>
저작자표시 비영리 변경금지

'HTML > 기본' 카테고리의 다른 글

HTML Table  (0) 2012.01.31
HTML 기본  (0) 2012.01.31
'HTML/기본' Related Articles more