input type="hidden" 입력창 숨기기
readonly 입력할수 없다
값을 변형하지 못하게
공간분할 태그
블록태그 : 한 라인 전체 ... 여러개의 라인 <div>
인라인태그 : 한 라인에 차지부분만 <span>
<mark> -> 중요한 정보임을 알려줌
<time> -> 시간정보를 알려주는 기능
<meter> -> 주어진 범위에서 %의 데이터량을 표시
<progress> -> 작업의 진행율을 표시
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<table border="1">
<tr>
<td><img src = "image/dish1.jpg" width="250px" height="150px"></td>
<td><img src = "image/dish2.jpg" width="250px" height="150px"></td>
<td><img src = "image/dish3.jpg" width="250px" height="150px"></td>
</tr>
<tr>
<td align="center">아침메뉴</td>
<td align="center">점심메뉴</td>
<td align="center">저녁메뉴</td>
</tr>
<tr>
<td align="center">₩7,000원</td>
<td align="center">₩7,500원</td>
<td align="center">₩8,000원</td>
</tr>
</table>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!-- <dl>우리학교 과소개
<dt>환경과학과</dt>
<dd>환경과학과는 현대의 과학과 산업의 발달에 비례하여<br>
환경오염의 심각성이 증대되는 상황에서 이러한 환경문제에<br>
대해 오염현상의 실태 및 원인 파악과 대책을 수립하는 학과</dd>
<dt>연극영화과</dt>
<dd>양한 연기 수업을 배우며, 영화의 경우 시나리오,<br>
촬영, 연출, 편집 등 영화를 제작하는 데 있어서 전반적인<br>
업무의 실기를 습득할 수 있습니다</dd>
<dt>사회복지학과</dt>
<dd>사회복지학은 인간 중심의 철학을 바탕으로 평등,<br>
정의를 실현하기 위한 학과입니다. 사회복지는 더불어 사는<br>
행복한 사회를 만들기 위한 노력을 뜻합니다.</dd>
</dl> -->
<div><h1>우리식당메뉴</h1></div>
<div style="width:33%; float:left; border: 1px;">
<dl>
<dt><a href = menu1.jsp><img src = "image/dish1.jpg" width="250px" height="150px"></a></dt>
<dd>아침메뉴</dd>
<dd>₩7,000원</dd>
</dl>
</div>
<div style="width:33%; float:left; border: 1px;">
<dl>
<dt><a href = menu1.jsp><img src = "image/dish2.jpg" width="250px" height="150px"></a></dt>
<dd>점심메뉴</dd>
<dd>₩7,500원</dd>
</dl>
</div>
<div style="width:33%; float:left; border: 1px;">
<dl>
<dt><a href = menu1.jsp><img src = "image/dish3.jpg" width="250px" height="150px"></a></dt>
<dd>저녁메뉴</dd>
<dd>₩8,000원</dd>
</dl>
</div>
<!-- <table border="1">
<tr>
<td><a href = menu1.jsp><img src = "image/dish1.jpg" width="200px" height="100px"></a></td>
<td><a href = menu2.jsp><img src = "image/dish2.jpg" width="200px" height="100px"></a></td>
<td><a href = menu3.jsp><img src = "image/dish3.jpg" width="200px" height="100px"></a></td>
</tr>
<tr>
<td align="center">아침메뉴</td>
<td align="center">점심메뉴</td>
<td align="center">저녁메뉴</td>
</tr>
<tr>
<td align="center">₩7,000원</td>
<td align="center">₩7,500원</td>
<td align="center">₩8,000원</td>
</tr>
</table> -->
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="" method="post">
<label>
이름 <input type="text" name="name" readonly="readonly">
</label>
<input type="submit" value="전송">
<p>
<label>
이름 <input type="text" name="name" required="required">
</label>
<input type="submit" value="전송">
<p>
<label>
이름 <input type="text" name="name" placeholder="이름을 입력?">
</label>
<input type="submit" value="전송">
</form>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action=""><!-- 학과 자동완성 -->
<label>
학과를 입력하세요 <input type="text" list="majorlist" name="major">
<datalist id="majorlist"><!-- 자동완성 지원 -->
<option value="컴퓨터공학과">컴퓨터공학과</option>
<option value="전기과">전기과</option>
<option value="전자과">전자과</option>
<option value="소프트웨어공학">소프트웨어공학</option>
<option value="소프트웨어융합">소프트웨어융합</option>
<option value="소프트웨어데이터베이스">소프트웨어데이터베이스</option>
<option value="전자기공학과">전자기공학과</option>
</datalist>
</label>
</form>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="">
<!-- 입사년도 최소치 2015이후 -->
입사년도 <input type="date" name="BDAY" min="2015-01-01"><br>
시간 <input type="time" name="hhmm"><br>
<input type="submit" value="전송">
</form>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div style="background: #ffff00">div1 문장입니다</div>
<span style="background: #0000ff">span1 문장입니다</span>
<hr>
<div style="background: #ff0000">div2 문장입니다</div>
<span style="background: #00ff00">span2 문장입니다</span>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h1>나의 셀카</h1>
<hr>
<div><h2 align ="center">나의 셀카</h2>
<img src="image/1.jpg" width="200px" height="200px">
<img src="image/2.jpg" width="400px" height="200px">
<img src="image/3.jpg" width="200px" height="200px">
</div>
<h1>먹고 싶은 것 하나만 선택</h1>
<hr>
<div>
<input type="radio" name="food" value="짜장면">짜장면<img src="image/dish1.jpg" width="300px"><br>
<input type="radio" name="food" value="짬뽕" checked="checked">짬뽕<img src="image/dish2.jpg" width="300px"><br>
<input type="radio" name="food" value="탕수육">탕수육<img src="image/dish3.jpg" width="300px"><br>
</div>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="">
<div>
상품명
<input type="text" name="spname" list="splist">
<datalist id="splist">
<option value="사과">사과
<option value="감자">감자
<option value="고구마">고구마
<option value="창외">참외
<option value="포도">포도
</datalist>
<br>
작성자
<input type="text" name="name"><br>
부서명
<input type="text" name="bu" list="bulist">
<datalist id="bulist">
<option value="인사과">인사과
<option value="총무과">총무과
<option value="자재과">자재과
<option value="영업과">영업과
</datalist>
<br>
구입나이
<input type="radio" name="age" value="20대">20대
<input type="radio" name="age" value="30대">30대
<input type="radio" name="age" value="40대">40대
<input type="radio" name="age" value="50대">50대
<input type="radio" name="age" value="60대">60대
<br>
거주지
<select>
<optgroup label="경기도">
<option value="수원시">수원시
<option value="안양시">안양시
<option value="안산시">안산시
<option value="화성시">화성시
</optgroup>
</select>
<br>
출근시간
<input type="time" name="worktime">
<br>
구입날짜
<input type="date" name="day" min="2020-01-01">
<br>
자기소개
<br>
<textarea rows="10" cols="40"></textarea>
<br>
<input type="submit" value="전송">
<input type="reset" value="입력초기화">
<a href="sample4.jsp"><input type="button" value="테이블구조로"></a>
</div>
</form>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="">
<table border="1">
<tr>
<th>상품명</th>
<td>
<input type="text" name="spname" list="splist">
<datalist id="splist">
<option value="사과">사과
<option value="감자">감자
<option value="고구마">고구마
<option value="창외">참외
<option value="포도">포도
</datalist>
</td>
</tr>
<tr>
<th>작성자</th>
<td>
<input type="text" name="name">
</td>
</tr>
<tr>
<th>부서명</th>
<td>
<input type="text" name="bu" list="bulist">
<datalist id="bulist">
<option value="인사과">인사과
<option value="총무과">총무과
<option value="자재과">자재과
<option value="영업과">영업과
</datalist>
</td>
</tr>
<tr>
<th>구입나이</th>
<td>
<input type="radio" name="age" value="20대">20대
<input type="radio" name="age" value="30대">30대
<input type="radio" name="age" value="40대">40대
<input type="radio" name="age" value="50대">50대
<input type="radio" name="age" value="60대">60대
</td>
</tr>
<tr>
<th>거주지</th>
<td>
<select>
<optgroup label="경기도">
<option value="수원시">수원시
<option value="안양시">안양시
<option value="안산시">안산시
<option value="화성시">화성시
</optgroup>
</select>
</td>
</tr>
<tr>
<th>출근시간</th>
<td>
<input type="time" name="worktime">
</td>
</tr>
<tr>
<th>구입날짜</th>
<td>
<input type="date" name="day" min="2020-01-01">
</td>
</tr>
<tr>
<th>자기소개</th>
<td>
<textarea rows="10" cols="40"></textarea>
</td>
</tr>
<tr>
<td colspan="3" align="center">
<input type="submit" value="전송">
<input type="reset" value="입력초기화">
<a href="sample3.jsp">
<input type="button" value="텍스트구조로">
</a>
</td>
</tr>
</table>
</form>
</body>
</html>'JSP' 카테고리의 다른 글
| 230119_DB (0) | 2023.01.19 |
|---|---|
| 230118_DB (0) | 2023.01.18 |
| 230117_기본 (0) | 2023.01.17 |
| 230116_CSS (1) | 2023.01.16 |
| 230112_HTML (1) | 2023.01.12 |
댓글