CSS
<style type="text/css">
input, textarea, select{
position:absolute;
left:320px;
margin:7px;
background: #ef0;
}
div{
line-height: 35px;
}
.dd{
position:relative;
}
input:focus, textarea:focus{
background: #c60;
border: 3px solid #000;
}
</style>
HTML
<form action="#" method="post">
<div>
<fieldset>
<legend>필수입력사항</legend>
1. 이름을 적으시오 <input type="text" value="홍길동" maxlength="5"><br>
1-1. 이메일 <input type="text"><br>
2. 비밀번호 <input type="password"><br>
2-1. 비밀번호확인 <input type="password"><br>
</fieldset>
<fieldset>
<legend>추가입력사항</legend>
3. 취미를 여러개 고르세요.
<div>
<label><input type="checkbox" class="dd">독서</label>
<label><input type="checkbox" class="dd">등산</label>
<label><input type="checkbox" class="dd">영화</label>
<label><input type="checkbox" class="dd">음악</label></div><br>
4. 단 한가지 원하는것을 고르세요
<div>
<label><input type="radio" name="rr" class="dd">독서</label>
<label><input type="radio" name="rr" class="dd">등산</label>
<label><input type="radio" name="rr" class="dd">영화</label>
<label><input type="radio" name="rr" class="dd">음악</label></div><br>
5. 배송시 남길말을 적어주세요(100자 내).
<textarea rows="2" cols="30" maxlength="100"></textarea><br>
6. 사용하고 있는 통신사를 고르세요
<select>
<option>SK텔레콤</option>
<option>KT올레</option>
<option>LG U+</option>
</select><br>
</fieldset>
7. 작성 완료 <input type="submit" value="aaa1"><br>
8. 다시 쓰기 <input type="reset" value="aaa2"><br>
9. 로그인<input type="button" value="aaa3" onclick="check()"><br>
10. 로그인<input type="image" src="images/login.gif"><br>
11. 첨부파일<input type="file"><br>
12. 색상선택<input type="color"><br>
13. 날짜선택<input type="date"><br>
14. 범위<input type="range" min="1" max="10" step="1" value="5"><br>
15. 수량<input type="number" value="10"><br>
</div>
</form>
