表单提交时的文件大小限制可以通过以下几种方法来解决：

1. 通过前端限制文件大小： 在 HTML 的表单中，可以使用accept和max-size属性来限制文件的类型和大小。例如，以下代码限制只能选择小于5MB的图片文件：

   这种方法可以在用户选择文件之前就进行限制，但是不可靠，因为用户可以通过其他方式绕过前端限制。

2. 通过后端限制文件大小： 在服务器端，可以通过设置请求的最大文件大小来限制文件上传的大小。具体的实现方式依赖于你使用的服务器端语言和框架。

   下面是一个使用 Node.js 和 Express 框架来限制文件上传大小的示例代码：

   const express = require('express');
   const multer = require('multer'); // 用于文件上传的中间件
   
   const app = express();
   
   const storage = multer.diskStorage({
     destination: function (req, file, cb) {
       cb(null, 'uploads/') // 上传的文件存储在 uploads/ 目录下
     },
     // 控制上传文件的大小
     limits: {
       fileSize: 5 * 1024 * 1024 // 限制文件大小为 5MB
     }
   });
   
   const upload = multer({ storage: storage });
   
   app.post('/upload', upload.single('file'), function(req, res, next) {
     // 文件上传逻辑
     // req.file 包含了上传的文件信息
   });
   
   app.listen(3000, function() {
     console.log('Server started on port 3000');
   });
   

   这个示例使用了 multer 中间件来处理文件上传，并通过limits属性设置了文件大小限制为5MB。

3. 组合前端和后端限制： 最可靠的做法是同时在前端和后端进行文件大小的限制。这样可以在用户选择文件之前就进行限制，并在后端再次进行验证以防止绕过前端限制。

   综上所述，通过前端和后端的限制，可以有效地控制表单提交时的文件大小限制。具体的实现方式取决于你使用的前端和后端技术栈。