프롬프트 대화 상자는 사용자 입력을 받기 위해 텍스트 상자를 팝업할 때 매우 유용합니다. 따라서 사용자와 상호 작용할 수 있습니다. 사용자는 필드를 채우고 확인을 클릭해야 합니다.
이 대화 상자는 두 개의 매개변수를 사용하는 prompt()라는 메서드를 사용하여 표시됩니다. (i) 텍스트 상자에 표시할 레이블 및 (ii) 텍스트에 표시할 기본 문자열 상자.
이 대화 상자에는 확인 및 취소의 두 가지 버튼이 있습니다. 사용자가 확인 버튼을 클릭하면 창 메서드 prompt()는 텍스트 상자에서 입력된 값을 반환합니다. 사용자가 취소 버튼을 클릭하면 창 메서드 prompt()가 null을 반환합니다.
예
다음 코드를 실행하여 JavaScript를 사용하여 프롬프트 대화 상자를 구현하는 방법을 얻을 수 있습니다.
라이브 데모
<html>
<head>
<script>
<!--
function getValue(){
var retVal = prompt("Enter your name : ", "your name here");
document.write("You have entered : " + retVal);
}
//-->
</script>
</head>
<body>
<p>Click the following button to see the result: </p>
<form>
<input type="button" value="Click Me" onclick="getValue();" />
</form>
</body>
</html>