728x90
반응형
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>지원서</title>
<style>
*{
color: #2b5566;
}
</style>
</head>
<body>
<fieldset>
<h1>프런트엔드 개발자 지원서</h1>
<form>
<span>HTML, CSS, 자바 스트립트의 기술을 이해하고 실무 경험이 있는 분을 찾습니다.</span>
<hr>
<p style="color: darkturquoise;"><b>개인 정보</b></p>
<ul>
<li><label for="name_1">이름</label><input type="text" placeholder="공백 없이 입력하세요." name="name_1"></li>
<li><label for="tel_1">연락처</label><input type="tel" name="tel_1" placeholder="전화번호 입력"></li>
</ul>
<p><b>지원 분야</b></p>
<ul>
<li><label><input type="radio" name="radio_1" value="pub">웹 퍼블리싱</label></li>
<li><label><input type="radio" name="radio_1" value="app">웹 어플리케이션 개발</label></li>
<li><label><input type="radio" name="radio_1" value="env">개발 환경 개선</label></li>
</ul>
<!--
input을 select처럼 사용 ->
input의 name : key
option 의 value : value
-->
선택하세요<input type="text" list="test" name="list">
<datalist id="test">
<option value="값1">선택1</option>
<option value="값2">선택2</option>
</datalist>
<p><b>지원 동기</b></p>
<label for="area"></label>
<textarea name="area" id="textarea" cols="90" rows="5" placeholder="본사 지원 동기를 간략히 써 주세요."></textarea>
<br>
<input type="submit" value="접수하기">
<input type="reset" value="다시쓰기">
</form>
</fieldset>
</body>
</html>728x90
반응형
'정보 > WEB' 카테고리의 다른 글
| CSS연습 (0) | 2022.12.28 |
|---|---|
| 폰트연습 (1) | 2022.12.25 |
| HTML 날짜입력 메뉴 만들기 (0) | 2022.12.25 |
| HTML간단한 입력칸 (0) | 2022.12.25 |
| 함수(let) (1) | 2022.12.25 |