需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。
2、在index.html中的<body>标签中，输入js代码：
function fun() {
alert('click success!')
}
3、浏览器运行index.html页面，此时点击按钮弹出了提示框。
正如你所说的，这个候选列表是HTML控件自动生成的。当你在这个
文本框
中输入值后，并且没有清除
临时文件
，下一次在文本框中输入时，它会出现相匹配的候选列表（以第一个字符开始匹配）
给文本框加上placeholder属性就可以了，这样文本框获得焦点文字不会消失，只有当文本框的值改变之后才会消失。下面是参考代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Html5基本结构</title>
</head>
<body>
<input type="text" placeholder="请输入文本">
</body>
</html>
效果：
