กล่องโต้ตอบพร้อมท์มีประโยชน์มากเมื่อคุณต้องการให้ป๊อปอัปกล่องข้อความรับข้อมูลที่ผู้ใช้ป้อน ดังนั้นจึงทำให้คุณสามารถโต้ตอบกับผู้ใช้ได้ ผู้ใช้ต้องกรอกข้อมูลในฟิลด์แล้วคลิกตกลง
กล่องโต้ตอบนี้แสดงโดยใช้วิธีการที่เรียกว่า prompt() ซึ่งใช้พารามิเตอร์สองตัว:(i) ป้ายกำกับที่คุณต้องการให้แสดงในกล่องข้อความและ (ii) สตริงเริ่มต้นที่จะแสดงในข้อความ กล่อง.
กล่องโต้ตอบนี้มีสองปุ่ม:ตกลง และ ยกเลิก หากผู้ใช้คลิกปุ่ม OK หน้าต่าง method prompt() จะคืนค่าที่ป้อนจากกล่องข้อความ หากผู้ใช้คลิกปุ่มยกเลิก หน้าต่าง method 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> 