怎么写一个input框可以让他记录我输入过的信息

要让 input 框记录输入过的信息，可以使用 HTML5 中的 localStorage 属性。在每次输入完成后，将输入内容存储在 localStorage 中，下次打开页面时可以通过读取 localStorage 中的数据来填充 input 框。具体实现可以参考以下代码：

在输入完成后，将数据存储在 localStorage 中：

localStorage.setItem('input-value', document.getElementById('input-box').value);

在页面加载时，读取 localStorage 中的数据：

var inputValue = localStorage.getItem('input-value');
if (inputValue) {
  document.getElementById('input-box').value = inputValue;
}

其中，'input-value' 是用来标识该数据的 key 值，'input-box' 则是 input 框的 id。这样实现的好处是，即使用户关闭了页面，再次打开时也能看到之前输入过的内容。

相关问题

让el-input输入框弹出历史记录框

您可以使用以下步骤使el-input输入框弹出历史记录框：

1. 创建一个历史记录组件，该组件可以包含以前输入的值。您可以使用v-for指令从历史记录数组中循环遍历值，并将每个值显示为下拉选项。

2. 在el-input组件中设置一个v-model绑定，它将存储当前输入框中的值。

3. 为el-input组件添加一个@focus事件监听器，该事件将触发下拉框的显示。在事件处理程序中，您可以设置下拉框的位置和显示方式。

4. 在下拉框中，您可以为每个选项添加一个@click事件监听器，当用户选择一个选项时，它将被设置为输入框的值，并将下拉框隐藏。

下面是一个简单的示例代码，可以帮助您快速入门：

<template>
  <div>
    <el-input v-model="inputValue" @focus="showHistory">
      <el-dropdown :show="showDropdown" style="width:100%">
        <el-dropdown-menu>
          <el-dropdown-item v-for="(item,index) in history" :key="index" @click="selectItem(item)">{{item}}</el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
    </el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: '',
      showDropdown: false,
      history: ['value1', 'value2', 'value3']
    };
  },
  methods: {
    showHistory() {
      this.showDropdown = true;
    },
    selectItem(item) {
      this.inputValue = item;
      this.showDropdown = false;
    }
  }
};
</script>

在这个例子中，我们使用了Element UI库中的el-input和el-dropdown组件。在data函数中，我们初始化了输入框的值，下拉框的显示状态和历史记录数组。在showHistory方法中，我们将下拉框的show属性设置为true，以显示下拉框。在selectItem方法中，我们将选择的项设置为输入框的值，并将下拉框隐藏。

python搭建一个web应用，可以记录登陆者信息

要搭建一个能够记录登陆者信息的 web 应用，可以使用 Python 的 web 框架 Flask。下面是一个简单的示例：

1. 首先安装 Flask：

pip install flask

2. 在项目根目录下创建一个 `app.py` 文件，编写以下代码：

from flask import Flask, request

app = Flask(__name__)

@app.route('/', methods=['GET', 'POST'])
def index():
    if request.method == 'POST':
        username = request.form['username']
        password = request.form['password']
        # 在这里将用户名和密码保存到数据库或文件中
        return 'Hello, {}!'.format(username)
    return '''
        <form method="post">
            <label>Username:</label>
            <input type="text" name="username"><br>
            <label>Password:</label>
            <input type="password" name="password"><br>
            <button type="submit">Log in</button>
        </form>
    '''

if __name__ == '__main__':
    app.run()

这个应用会在主页上显示一个登录表单，当用户输入用户名和密码并提交表单时，会将用户名作为参数传递到 `/` 路由函数中，你可以在这个函数中将用户名和其他信息保存到数据库或文件中。在这个例子中，我们只是简单地返回一个欢迎消息，包含用户的用户名。

3. 在终端中运行 `python app.py` 命令启动应用，然后在浏览器中访问 `http://127.0.0.1:5000`，就可以看到登录表单了。

当用户提交表单后，你就可以在服务器端获取到用户的信息并进行处理了。为了保护用户的密码安全，你应该使用加密算法对密码进行加密，而不是直接保存在数据库中。另外，为了更好地管理用户的信息，你也可以考虑使用用户认证和授权库，例如 Flask-Login 和 Flask-Security 等。