10주차 - jsp (13) <input>
2022. 9. 13. 17:14ㆍjsp/html
<input> 태그에서는 type 속성을 이용하여 다양한 기능을 수행할 수 있습니다.
이번의 목표
01. <input> 태그의 type 속성의 예시들을 확인해보자.
01. jsp 코드
02. 실행 화면
01. jsp 코드
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ex14</title>
</head>
<body>
<input type="button" value="클릭만 하는 버튼"><br>
<input type="reset" value="입력한 데이터를 삭제하는 버튼"><br>
<input type="submit" value="데이터를 전송하는 버튼"><br><br>
<input type="checkbox" value="멍때리기">
<input type="checkbox" value="침대에서 오래버티기"><br>
<input type="radio" value="왼쪽" name="radioName">
<input type="radio" value="오른쪽" name="radioName"><br><br>
<!-- radio에서 name을 같게 설정해주면 같은 name 안의 radio 들은 중복 선택이 되지 않는다. -->
<input type="file"><br>
<input type="email"><br>
<input type="password"><br>
<input type="text" placeholder="일반 데이터 입력"><br>
</body>
</html>
02. 실행화면
'jsp > html' 카테고리의 다른 글
10주차 - jsp(15) scriptlet(스크립트릿), request, response (0) | 2022.09.13 |
---|---|
10주차 - jsp (14) <form> (0) | 2022.09.13 |
10주차 - jsp (12) <caption> (0) | 2022.09.08 |
10주차 - jsp (11) rowspan, colspan (0) | 2022.09.08 |
10주차 - jsp (11) <table>, <th>, <td> (0) | 2022.09.08 |