index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>index.html</title>
</head>
<body>
<h3>web page 이동 기술 학습</h3>
<hr color = "red">
1. html tag 학습
<hr color = "red">
2. <a href="http://www.naver.com">네이버로 web 브라우저 자체가 이동 : 앵커(링크) tag</a><br>
3. <a href="http://www.naver.com" target="blank">네이버로 새로운 web 브라우저 tab 이동 : 앵커(링크) tag 새 창으로 열기</a><br><br>
<!-- 일반 버튼 단 onclick 즉 click 인식으로 로직 실행 가능한 이벤터 처리 속성(핸들러) 활용 -->
4. 버튼 클릭해서 login.html로 이동<br> <button onclick="location.href='login.html'">이동</button>
</body>
</html>login.html
<!DOCTYPE html>
<html>
<head>
<!-- html 주석 -->
<!--
UTF-8 : 다국어 지원 설정
client 브라우저에 다국어 지원하겠다는 설정
-->
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h2>로그인 기능 구현</h2>
<!--
form tag
1. client가 입력 가능한 정보를 그룹핑화 하는 tag
2. submit이 포함된 form의 시작과 끝 tag가 하나의 그룹으로 간주
3. action 속성
- form의 데이터를 받아서 처리하게 되는 서버단 프로그램 url
- servlet html jsp만 action에 넣을 수 있음
-->
<!-- http://localhost:80/step01_basic/playdata -->
<!-- playdata servlet은 java에 만들거 -->
<form action="playdata" method="get">
<!-- label : 단순히 브라우저에 출력하는 메세지 -->
<!-- <br> : 줄 바꿈 -->
<label>id :</label><br>
<!--
1. input : client가 브라우저에 입력 가능한 화면 제공(html)
2. type 속성값에 따라 특징이 다름
text : 한 행 입력, 입력되는 데이터가 다 보임
password : 한 행 입력 입력되는 데이터가 안 보임
submit : form tag 내부의 모든 입력된 데이터(input tag)를 서버에 전송
3. input tag의 속성
1. 시작 tag에만 적용하는 특성들
2. type = "input 선정"
3. name : 서버에서 데이터 구분을 위해 부여한 데이터 별칭
4. id : html tag들을 구분하기 위한 고유한 별칭
-->
<input type="text" name="id" value="tester"><br>
<label>pw :</label>
<input type="password" name="pw" value="11"><br><br>
<input type="submit" value="login">
</form>
</body>
</html>'코드 > JDBC' 카테고리의 다른 글
| [TOMCAT] step01.view (0) | 2022.02.08 |
|---|---|
| [TOMCAT] step01.controller (0) | 2022.02.08 |