10주차 - jsp (13) <input>

2022. 9. 13. 17:14jsp/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. 실행화면