通过button将form表单的数据提交到action层的实例

以下是通过button将form表单的数据提交到action层的攻略：

1. 编写HTML代码

首先，我们需要编写一个HTML表单，包含要提交的数据和一个提交按钮。例如：

<form action="/submit" method="POST">
  <label for="name">姓名：</label>
  <input type="text" name="name" id="name">

  <label for="age">年龄：</label>
  <input type="number" name="age" id="age">

  <button type="submit">提交</button>
</form>

这个表单中有两个输入框，一个是用来输入姓名的文本框，另一个是用来输入年龄的数字框。当我们点击提交按钮时，表单数据将被提交到 /submit 这个URL。

2. 编写action层代码

接下来，我们需要编写一个接收表单数据的action。这个action需要处理POST请求，并可以获取表单数据。例如：

from flask import Flask, request

app = Flask(__name__)

@app.route('/submit', methods=['POST'])
def submit():
  name = request.form['name']
  age = request.form['age']

  # 执行一些处理逻辑...

  return '表单数据已提交，姓名：{}，年龄：{}'.format(name, age)

这个action接收到POST请求后，根据表单中name和age这两个参数从request.form中取出表单数据，完成对数据的处理后并返回成功信息，例如“表单数据已提交，姓名：张三，年龄：18”。

3. 运行程序并测试

最后，我们需要运行这个程序，并在浏览器中测试。我们可以使用Flask框架提供的开发服务器进行测试。在终端中输入以下命令（假设程序文件名为app.py）：

$ export FLASK_APP=app.py
$ flask run

然后在浏览器中访问 http://localhost:5000，输入姓名和年龄后点击提交按钮。如果一切正常，我们应该会看到提交成功的提示信息。

4. 多个表单提交

如果页面中有多个表单，每个表单都需要提交数据，可以给每个表单设置不同的 action 属性，使其分别提交到不同的action层方法中，如下面示例代码所示：

<form action="/submit" method="POST">
  <!-- 输入框1... -->
  <button type="submit">提交表单1</button>
</form>

<form action="/submit2" method="POST">
   <!-- 输入框2... -->
  <button type="submit">提交表单2</button>
</form>

@app.route('/submit', methods=['POST'])
def submit1():
  # 处理表单1的数据...

@app.route('/submit2', methods=['POST'])
def submit2():
  # 处理表单2的数据...

以上就是通过button将form表单的数据提交到action层的攻略，核心就是HTML表单中的 action 和 method 属性以及接收表单数据的Python方法。