<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>프런트엔드 개발자 지원서 </title>
</head>
<body>
<h1>프런트엔드 개발자 지원서</h1>
<p>HTML,CSS,자바스크립트의 기술을 이해하고 실무 경험이 있는 분을 찾습니다.</p>
<form>
<filedset>
<ul>
<p><b>개인정보</b></p>
<li>
<label for="user-name">이름</label>
<input type="text" id="user-name" placeholder=" 공백없이 입력하시오.">
</li>
<li>
<label for="phone">연락처</label>
<input type="tel" id="phone">
</li>
</ul>
<ul>
<p><b>지원분야</b></p>
<li>
<label><input type="radio"name="filed" value="p">웹 퍼블리싱</label>
</li>
<li>
<label><input type="radio"name="filed" value="a">웹 어플리케이션 개발</label>
</li>
<li>
<label><input type="radio"name="filed" value="e">개발 환경 개선</label>
</li>
</ul>
<ul>
<label for="reason"><b>지원동기</b></label>
<textarea id="reason" cols="120" rows="4"></textarea>
</ul>
</filedset>
<div id="buttons">
<input type="submit" value="접수하기">
<input type="reset" value="다시 쓰기">
</div>
</form>
</body>
</html>
결과: 프런트엔드 개발자 지원서
'html' 카테고리의 다른 글
| 5장 마무리 문제 1 (0) | 2023.03.23 |
|---|---|
| 5장 실습 2 - 회원 가입 신청서에 속성 지정하기 (0) | 2023.03.23 |
| 5장 예제 - readonly와 required 속성 사용하기 (0) | 2023.03.23 |
| 5장 예제 - 전송과 리셋 버튼 추가하기 (0) | 2023.03.23 |
| 5장 실습 - 회원 가입 신청서 만들기 (0) | 2023.03.23 |