[HTML,CSS,JS] workshop예제(기본인적사항만들기)
Devel/HTML&CSS&JAVASCRIPT2020. 8. 31. 18:51
반응형
#workshop01
기본지원사항, 기본인적사항,어학사항 만들기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
p{
color: blue;
font-size: 30px;
}
</style>
</head>
<body>
<form name="Myform" action="target.html" method="post">
<p>기본지원사항</p>
<table border ="1">
<tr>
<th>응시분야</th>
<td>
<select name="select">
<option value="Consulting">Consulting</option>
<option value="lot">lot</option>
<option value="빅데이터">빅데이터</option>
<option value="R&D">R&D</option>
</select>
<select name="select2">
<option value="staff">staff</option>
<option value="new">신입</option>
<option value="old">경력</option>
</select>
</td>
</tr>
<tr>
<th>졸업여부</th>
<td>
<input type="radio" name="gradu" value="gradu"checked>졸업
<input type="radio" name="gradu" value="notgradu">졸업예정
</tr>
</table>
<p>기본인적사항</p>
<table border ="1">
<tr>
<th>성명 </th>
<td><input type="text" name="name"></td>
<th>국적 <input type="text" name="name"></th>
</tr>
<tr>
<th>영문이름</th>
<td>성<input type="text" name="lastname"> </td>
<td>이름<input type="text" name="firstname"></td>
</tr>
<tr>
<th>이메일</th>
<td colspan="2"><input type="text" name="name"> @ <input type="text" name="name"> </td>
</tr>
<tr>
<th>휴대전화</th>
<td colspan="2"><input type="text" name="name">-<input type="text" name="name">-<input type="text" name="name"> </td>
</tr>
</table>
<p>어학사항</p>
<table border ="1">
<tr>
<th>어학구분</th>
<td> <select name="major">
<option value="major1">영어</option>
<option value="major2">중국어</option>
<option value="major3">불어</option>
<option value="major4">일본어</option>
</select>
</td>
</tr>
<tr>
<th>어학시험명</th>
<td>
<input type="text" name="testname">
</td>
</tr>
<tr>
<th>점수/등급</th>
<td>
<input type="text" name="score">/<input type="text" name="grade">
</td>
</tr>
</table>
<input type="submit" value="지원하기">
<input type="reset" value="다시작성하기">
</form>
</body>
</html>
'Devel > HTML&CSS&JAVASCRIPT' 카테고리의 다른 글
| CSS의 모든것, 문법총정리2 (0) | 2020.09.05 |
|---|---|
| CSS의 모든것, 문법총정리(선택자, 자식, 자손,형제 개념과 적용예제) (0) | 2020.09.05 |
| [HTML,CSS,JS] HTML 기초 문법 총 정리와 사용예제2 (0) | 2020.08.31 |
| [HTML,CSS,JS] HTML 기초 문법 총 정리와 사용예제 (0) | 2020.08.31 |
| [HTML,CSS,JS] 서버 연동 후 프로젝트 실행하기 (0) | 2020.08.31 |
댓글()
