flask编写前端如何设置输入框
时间: 2024-05-01 21:24:09 浏览: 17
在 Flask 中设置输入框需要在 HTML 文件中添加相应的代码。具体实现方式如下:
1. 在 HTML 文件中添加一个表单,即 `<form>` 标签。
2. 在表单中添加一个输入框,即 `<input>` 标签。
3. 设置输入框的类型为文本输入,即 `type="text"`。
4. 设置输入框的名称,即 `name` 属性,以便在后端 Flask 应用程序中使用该名称来获取输入框的值。
5. 添加一个提交按钮,即 `<button>` 标签,用于提交表单。
下面是一个简单的示例代码,用于在 Flask 中设置一个文本输入框:
```html
<!DOCTYPE html>
<html>
<head>
<title>Flask Input Box Example</title>
</head>
<body>
<form action="/process_input" method="POST">
<label for="input_box">Enter Text:</label>
<input type="text" name="input_box" id="input_box">
<br><br>
<button type="submit">Submit</button>
</form>
</body>
</html>
```
在这个例子中,我们创建了一个名为 `input_box` 的文本输入框,并将其添加到表单中。当用户提交表单时,Flask 将把输入框中的值发送到服务器端的 `/process_input` 路径。您可以将该路径替换为您自己的 Flask 应用程序中的相应路径。