728x90
반응형
문제
다음 화면을 보고 코드를 작성하시오.
- 가입 경로 : 드롭다운 목록
- 드롭다운 목록 - 블로그, 검색, SNS. 기타
- 텍스트 영역 : 텍스트 영역
코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>회원가입</title>
</head>
<body>
<h1>회원 가입을 환영합니다.</h1>
<form action="">
<fieldset>
<legend>사용자 정보</legend>
<ul>
<label><li>
아이디<input name="id" placeholder="4자~10자 사이. 공백 없이 입력" required autofocus>
</li></label>
<label><li>이메일<input name="email"></li></label>
<label><li>비밀번호<input type="password" name="password" placeholder="문자와 숫자, 특수 기호 포함"></li></label>
<label><li>비밀번호 확인<input type="password" name="passwordCheck"></li></label>
<label><li>
가입 경로
<select name="" id="">
<option value="blog">블로그</option>
<option value="search">검색</option>
<option value="sns">SNS</option>
<option value="what">기타</option>
</select>
</li></label>
<li>메모
<textarea
rows="5" cols="30" placeholder="남길 말씀이 있다면 여기">
</textarea>
</li>
</ul>
</fieldset>
<fieldset>
<legend>이벤트와 새로운 소식</legend>
<label><input type="radio" name="mail">메일 수신</label>
<label><input type="radio" name="mail">메일 수신 안 함</label>
</fieldset>
<input type="submit" value="가입하기">
<input type="reset" value="취소">
</form>
</body>
</html>728x90
반응형
'HRD_훈련 > 실습' 카테고리의 다른 글
| [CSS] CSS 실습 1 (26일차) (0) | 2023.06.21 |
|---|---|
| [HTML] HTML 실습 3 (26일차) (0) | 2023.06.21 |
| [HTML] HTML 실습 1 (25일차) (0) | 2023.06.20 |
| [SQL] JOIN 실습 7 (23일차) (0) | 2023.06.16 |
| [SQL] JOIN 심화 문제 (22일차) (0) | 2023.06.15 |