자바스크립트를 이용한 대화 상자 3종 셋트의 마지막인 프롬프트 대화상자 기능입니다.
프롬프트 대화상자란 alert창의 기능에서 사용자로부터 입력을 받을 수 있는 팝업을 띄울 수 있는 기능입니다.
사용자는 입력할 내용을 작성하고 클릭하면 스크립트의 변수로 값을 리턴 받을 수 있습니다.
사용되는 메서드명이 prompt입니다.
dos시절에 컴퓨터를 사용해보신 분들께는 익숙한 단어인 프롬프트는 콘솔창에서 껌뻑껌뻑이는 녀석을 말합니다.
프롬프트 대화상자에도 확인 및 취소 버튼이 존재하고 확인 버튼을 클릭 시 입력 된 값을 반환하고, 취소를 클릭 시 null을 반환하는 구조입니다.
다음은 프롬프트 대화 상자의 간단한 사용 예제입니다.
<html>
<head>
<script type="text/javascript">
<!--
function sjc_prompt_sample() {
var retVal = prompt("너의이름은? : ", "이름을 작성해보세요");
alert("당신의 이름은 : " + retVal+ "님 입니다.");
}
//-->
</script>
</head>
<body>
<p>버튼을 클릭해보세요</p>
<form>
<input type="button" value="클릭해보세요" onclick="sjc_prompt_sample();" />
</form>
</body>
</html>
'나는개발자다!! > javascript&제이쿼리' 카테고리의 다른 글
| javascript 확인 대화 상자 보이기(confirm) (0) | 2019.01.17 |
|---|---|
| javascript를 이용한 페이지 프린트 썰 (0) | 2019.01.16 |
| javascript 경고 대화 상자 보이기(alert) (0) | 2019.01.16 |
| Object의 모든 속성(Attribute)값 출력하기 썰 (0) | 2019.01.10 |
| 자바스크립트썰 blur (0) | 2018.10.24 |