관리 메뉴

FU11M00N

[JSP] table 태그를 이용한 구구단 본문

Programming/JSP

[JSP] table 태그를 이용한 구구단

호IT 2020. 5. 5. 17:00
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>

    <h1> 구구단 선택</h1>
    
    <form action="gugumem.jsp" method="GET">
    <table border="1">
    <tr> 
    <td>2단 </td>
    <td><input type=checkbox name="dan" value="2"> </td>
    </tr>
    
     <tr> 
    <td>3단 </td>
    <td><input type=checkbox name="dan" value="3" checked> </td>
    </tr>
    
     <tr> 
    <td>4단 </td>
    <td><input type=checkbox name="dan" value="4"> </td>
    </tr>
    
     <tr> 
    <td>5단 </td>
    <td><input type=checkbox name="dan" value="5"> </td>
    </tr>
    
     <tr> 
    <td>6단 </td>
    <td><input type=checkbox name="dan" value="6"> </td>
    </tr>
    
     <tr> 
    <td>7단 </td>
    <td><input type=checkbox name="dan" value="7"> </td>
    </tr>
    
     <tr> 
    <td>8단 </td>
    <td><input type=checkbox name="dan" value="8"> </td>
    </tr>
    
     <tr> 
    <td>9단 </td>
    <td><input type=checkbox name="dan" value="9"> </td>
    </tr>
    
    <tr>
    <td colspan="2"> <input type="submit" value="전송"> </td>
    </tr>
    </table>
    </form>

guguForm.jsp 의 소스코드

사진 1-1

input type = checkbox를 사용하여 구구단을 선택하여 출력이 가능합니다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>


<h1> 구구단 출력</h1>
<%
	String arr[]=request.getParameterValues("dan");
	String str= "<table border='2'> ";
	
	for(int i=0; i<arr.length; i++){
		str += "<tr>"+"<td>"+arr[i]+"단" +"</td>";
		str += "<td>";
		for(int j=1; j<=9; j++){
			int gugu = Integer.parseInt(arr[i]);
			
			str+=gugu+"*"+j +"="+gugu*j;
			str+="<br>";
		}
		str += "</td>";
		
	}
	str += "</table>";
%>
<%=str %>

gugumem.jsp의 소스코드 

request.getParameterValues를 사용하여 guguForm.jsp에서 넘겨져오는 값들을 배열형으로 받았습니다.

 

사진 1-2

 

'Programming > JSP' 카테고리의 다른 글

[JSP]JSP 내장객체 9가지  (0) 2020.05.05
[JSP]JSP 페이지 스크립트 요소  (0) 2020.05.05
[JSP] 지시자란?  (0) 2020.05.05
[JSP] 간단한 멤버 정보 받아오기  (9) 2020.05.05
[JSP] JSP(JavaServer Pages)란?  (2) 2020.05.05
Comments