1) body: form의 input 태그들에 id를 지정한다.
2) script: input의 id값으로 해당 input태그의 value 속성에 변수를 지정해준다. 창이 뜨면 value에 변수가 세팅된다.
<script>
//세팅할 변수
let username = sessionStorage.getItem("username");
let email = sessionStorage.getItem("email");
//form value로 설정
window.onload = function() { //창이 뜰 때 폼에 변수를 세팅 시켜준다.
document.getElementById("username").value = username;
document.getElementById("email").value = email;
//readonly로 지정하고싶다면
//document.getElementById("username").readOnly = true;
//document.getElementById("email").readOnly=true;
}
</script>
<form name="폼이름" method="POST" action="${ctxPath }/">
<input type="text" id="username" name="userName" value="" />
<input type="text" id="email" name="email" value="" />
</form>
반응형
'programming > js' 카테고리의 다른 글
slick 라이브러리 사용법 (0) | 2023.08.04 |
---|---|
버튼 클릭 시 alert (0) | 2023.06.15 |
[javascript] form 엔터키 submit event (0) | 2023.05.03 |
[js] 팝업 띄우기 (0) | 2023.01.06 |