书写前端代码，进行前后端代码的结合，前端输入框中书写的数据传入后端控制代码中

当你需要将前端输入框中的数据传递给后端控制代码时，你可以使用前端的表单提交或者AJAX请求来实现。

下面是一个基本的示例，展示了如何将前端输入框中的数据传递给后端控制代码：

前端HTML代码：

<form id="myForm">
  <input type="text" id="inputData" name="inputData">
  <button type="submit">提交</button>
</form>

前端JavaScript代码（使用jQuery库）：

$(document).ready(function() {
  $('#myForm').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    
    var inputData = $('#inputData').val(); // 获取输入框的值
    
    // 使用AJAX请求将数据发送到后端控制代码
    $.ajax({
      url: '后端接口URL',
      method: 'POST',
      data: { inputData: inputData },
      success: function(response) {
        // 处理后端返回的响应数据
        console.log(response);
      },
      error: function(error) {
        // 处理错误
        console.log(error);
      }
    });
  });
});

后端控制代码（示例为Node.js和Express框架）：

app.post('/后端接口URL', function(req, res) {
  var inputData = req.body.inputData; // 获取前端传递的数据
  
  // 在此处进行后续处理逻辑
  // ...
  
  res.send('请求成功'); // 返回响应给前端
});

在这个示例中，前端代码使用了一个表单，并在提交时阻止了默认的表单提交行为。然后，通过AJAX请求将输入框中的数据发送到后端控制代码的指定接口URL。后端代码通过接收请求，并从请求体中获取传递的数据进行处理，并返回相应的结果。

请注意，这只是一个简单的示例，具体的实现方式可能会根据你使用的前端框架和后端语言/框架而有所不同。你需要根据自己的项目需求和技术栈做相应的调整和修改。