点击按钮,弹出输入框,输入数据后点击输入框里的确定按钮,继续弹出输入框……可以无限输入数据;若无输入数据,点击确定按钮,则退出。
时间: 2024-05-13 21:21:04 浏览: 58
Android实现可输入数据的弹出框
这是一个简单的循环输入框的实现,可以使用JavaScript和HTML来完成。
HTML部分:
```html
<!DOCTYPE html>
<html>
<head>
<title>循环输入框</title>
<meta charset="UTF-8">
<style type="text/css">
input[type="text"] {
padding: 5px;
font-size: 16px;
}
button {
padding: 5px 10px;
font-size: 16px;
margin-left: 10px;
}
</style>
</head>
<body>
<button onclick="showInput()">点击输入数据</button>
<script type="text/javascript">
function showInput() {
var inputValue = prompt("请输入数据:");
if (inputValue !== null && inputValue !== "") {
showInput(); // 继续弹出输入框
}
}
</script>
</body>
</html>
```
JavaScript部分:
当点击按钮时,弹出一个输入框,要求用户输入数据。如果用户输入了数据,则继续弹出输入框;如果用户没有输入数据或者点击了取消按钮,则退出。
```javascript
function showInput() {
var inputValue = prompt("请输入数据:");
if (inputValue !== null && inputValue !== "") {
showInput(); // 继续弹出输入框
}
}
```
在每次弹出输入框时,都会调用`prompt()`方法来弹出一个输入框。如果用户输入了数据并点击了确定按钮,那么`inputValue`变量就会保存用户输入的数据。如果用户没有输入数据或者点击了取消按钮,那么`inputValue`变量就会为`null`。因此,我们可以通过判断`inputValue`的值来决定是否继续弹出输入框。如果`inputValue`的值不为`null`且不为空字符串,则继续弹出输入框;否则,退出循环。
阅读全文