최소의 정보만 받는 회원가입 FORM |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>CSS Registration Form</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="../registration/css/default.css"/>
<style type="text/css">
a:hover {
color: #6f5ea5;
}
</style>
</head>
<body>
<form action="" class="register">
<h1>회원가입</h1>
<fieldset class="row1">
<legend>Account Details
</legend>
<p>
<label>ID </label>
<input type="text"/>
<label> Email </label>
<input type="text"/>
</p>
<p>
<label>암호
</label>
<input type="text"/>
<label>암호확인
</label>
<input type="text"/>
</p>
</fieldset>
<fieldset class="row1">
<legend>Personal Details
</legend>
<p>
<label>이름
</label>
<input type="text"/>
<p>
<label> 닉네임
</label>
<input type="text"/>
<p>
<label>성별 </label>
<label class="gender">여자</label>
<input type="radio" value="radio"/>
<label class="gender">남자</label>
<input type="radio" value="radio"/>
</p>
<p>
<label>생년월일
</label>
<input type="text"/>
<select>
<option value="1">1월
</option>
<option value="2">2월
</option>
<option value="3">3월
</option>
<option value="4">4월
</option>
<option value="5">5월
</option>
<option value="6">6월
</option>
<option value="7">7월
</option>
<option value="8">8월
</option>
<option value="9">9월
</option>
<option value="10">10월
</option>
<option value="11">11월
</option>
<option value="12">12월
</option>
</select>
<select class="date">
<option value="1">01
</option>
<option value="2">02
</option>
<option value="3">03
</option>
<option value="4">04
</option>
<option value="5">05
</option>
<option value="6">06
</option>
<option value="7">07
</option>
<option value="8">08
</option>
<option value="9">09
</option>
<option value="10">10
</option>
<option value="11">11
</option>
<option value="12">12
</option>
<option value="13">13
</option>
<option value="14">14
</option>
<option value="15">15
</option>
<option value="16">16
</option>
<option value="17">17
</option>
<option value="18">18
</option>
<option value="19">19
</option>
<option value="20">20
</option>
<option value="21">21
</option>
<option value="22">22
</option>
<option value="23">23
</option>
<option value="24">24
</option>
<option value="25">25
</option>
<option value="26">26
</option>
<option value="27">27
</option>
<option value="28">28
</option>
<option value="29">29
</option>
<option value="30">30
</option>
<option value="31">31
</option>
</select>
</p>
</fieldset>
<fieldset class="row1">
<legend>Favor
</legend>
<p>
<select>
<option value="1">KPOP
</option>
<option value="2">POP
</option>
<option value="3">R&B
</option>
<option value="4">Ballard
</option>
<option value="5">Hip-hop
</option>
<option value="6">NewAge
</option>
<option value="7">JPOP
</option>
<option value="8>Rock
</option>
</select>
<select>
<option value="1">KPOP
</option>
<option value="2">POP
</option>
<option value="3">R&B
</option>
<option value="4">Ballard
</option>
<option value="5">Hip-hop
</option>
<option value="6">NewAge
</option>
<option value="7">JPOP
</option>
<option value="8>Rock
</select>
<select>
<option value="1">KPOP
</option>
<option value="2">POP
</option>
<option value="3">R&B
</option>
<option value="4">Ballard
</option>
<option value="5">Hip-hop
</option>
<option value="6">NewAge
</option>
<option value="7">JPOP
</option>
<option value="8>Rock
</select> </p>
</fieldset>
<fieldset class="row4">
<div><button class="button">Register »</button></div>
</fieldset>
</form>
</body>
</html>
'웹개발 > HTML' 카테고리의 다른 글
| z-index 적용 (0) | 2014.05.21 |
|---|---|
| 이클립스 설치 및 JDK 설치 방법 (0) | 2014.05.20 |
| JSP/JAVA클래스 로 이미지 게시판 만들기 2 (Class편) (1) | 2014.04.21 |
| JSP/JAVA클래스 로 이미지 게시판 만들기 1 (Class편) (6) | 2014.04.18 |
| 오라클 공부 링크 (0) | 2014.04.17 |