html代码弹出选择对话框

HTML代码弹出选择对话框

<input type="button" value="点击选择" onclick="showDialog()">

<script language="JavaScript">
function showDialog() {
   var color = prompt("请选择颜色：","红色"); //弹出对话框
   if (color != null && color != "") {
      alert("您选择的颜色是：" + color); //弹出警告框
   }
}
</script>

上面是一个HTML页面中弹出选择对话框的示例代码。

代码解析：

• <input type="button" value="点击选择" onclick="showDialog()">

  ：在页面中添加一个按钮，点击后调用JavaScript函数showDialog()

• function showDialog() {...}

  ：定义一个名为showDialog的JavaScript函数，该函数实现弹出选择对话框的功能

• var color = prompt("请选择颜色：","红色");

  ：在showDialog函数中使用prompt()函数弹出选择对话框，文本框中默认显示“红色”字样。用户可以输入自己的内容或直接使用默认值。

• if (color != null && color != "") {...}

  ：根据用户选择的内容，在弹出一个警告框中显示用户选择的颜色。

这个示例代码可以帮助您在HTML页面中实现弹出选择对话框的功能，可以用于用户选择文件、选择颜色等场景下的交互。