<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Input</title>
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
//input form field를 선택자로 지정
//자바 스크립트에서는 form field안에 입력된 값을 formfield.value;로 value인 필드로 값을 불러오거나 넣거나 했습니다.
//JQuery에서는 form field를 선택자로 지정한다음에 val()을 써서 value값을 불러오거나 넣거나 합니다.
var str = $('input[name = userName]').val("James");
var str = $('input[name = useraddr]').val("NY");
});
</script>
</head>
<body>
<form action ="jq01_result.jsp" method="get">
<!--method가 폼에 속성이 있습니다. 필수 속성은 아닙니다. default값은 get으로 지정되어 있스니다.form은 두가지 속성이 있습니다. -->
<input type = "text" name ="userName"><br/>
<input type = "text" name ="useraddr">
<input type = "submit">
</form>
</body>
</html>
<!--http://localhost:8888/JQuery/fucntion/jq01_result.jsp?userName=James&useraddr=NY -->
<!-- /webcontent/ ?이거 필수 -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jsp</title>
</head>
<body>
<strong>폼에 입력된 정보입니다.....</strong><p>
UserName : ${param.userName}<br/>
UserAddress : ${param.useraddr}<br/>
</body>
</html>