html
5장 마무리 문제 2
쥬크버그
2023. 3. 23. 18:14
<!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>
결과: 프런트엔드 개발자 지원서