본문 바로가기

jsp

사용자 입력 받기: 사용자로부터 입력을 받고 그 값을 화면에 출력하는 예제.

반응형

SP에서 사용자로부터 입력을 받아 처리하는 것은 일반적으로 HTML 폼(form)을 사용하여 수행됩니다. 사용자는 웹 페이지의 폼을 통해 데이터를 입력하고, 이 데이터는 JSP 페이지로 전송되어 처리됩니다.

예제 1: 단순 텍스트 입력 받기

HTML Form 페이지 (input.html)

<!DOCTYPE html>
<html>
<head>
    <title>User Input Form</title>
</head>
<body>
<form action="processInput.jsp" method="get">
    <label for="name">Enter your name:</label>
    <input type="text" id="name" name="name">
    <input type="submit" value="Submit">
</form>
</body>
</html>

JSP 페이지 (processInput.jsp)

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Process User Input</title>
</head>
<body>
<%-- 사용자 입력값 받기 --%>
<%
    String name = request.getParameter("name");
%>

<p>You entered: <%= name %></p>
</body>
</html>

 

예제 2: 사용자로부터 여러 입력 받기

HTML Form 페이지 (inputMultiple.html)

<!DOCTYPE html>
<html>
<head>
    <title>Multiple User Input Form</title>
</head>
<body>
<form action="processMultipleInput.jsp" method="post">
    <label for="name">Enter your name:</label>
    <input type="text" id="name" name="name"><br>

    <label for="age">Enter your age:</label>
    <input type="text" id="age" name="age"><br>

    <input type="submit" value="Submit">
</form>
</body>
</html>

JSP 페이지 (processMultipleInput.jsp)

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Process Multiple User Input</title>
</head>
<body>
<%-- 여러 사용자 입력값 받기 --%>
<%
    String name = request.getParameter("name");
    String age = request.getParameter("age");
%>

<p>Name: <%= name %></p>
<p>Age: <%= age %></p>
</body>
</html>

관련 전문용어 설명

  • HTML Form: 사용자로부터 데이터를 수집하기 위한 HTML의 한 부분입니다. 사용자는 폼을 통해 데이터를 입력하고 제출할 수 있습니다.
  • JSP: JavaServer Pages의 약자로, Java 언어를 기반으로 하는 서버 사이드 스크립트 언어입니다. HTML 내에서 자바 코드를 삽입하여 동적인 웹 페이지를 생성할 수 있습니다.
  • request.getParameter(): JSP에서 사용하는 메소드로, 사용자가 입력한 데이터를 가져오기 위해 사용됩니다.
반응형