**构建现代联系表单的利器：Bootstrap + PHP + AJAX**

<!-- 引入Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
 
<form id="modernForm">
  <!-- 输入框组 -->
  <div class="form-group">
    <label for="nameInput">Name</label>
    <input type="text" class="form-control" id="nameInput" placeholder="Enter name">
  </div>
  <!-- 提交按钮 -->
  <button type="submit" class="btn btn-primary">Submit</button>
</form>
 
<!-- 引入jQuery -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<!-- 引入Bootstrap JS -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
<script>
$(document).ready(function() {
  // 当表单提交时
  $('#modernForm').on('submit', function(e) {
    e.preventDefault(); // 阻止表单默认提交行为
 
    $.ajax({
      type: 'POST',
      url: 'submit.php', // PHP处理文件URL
      data: $(this).serialize(), // 序列化表单数据
      success: function(response) {
        // 处理成功的响应
        console.log(response);
      },
      error: function() {
        // 处理错误情况
        console.log('Submission failed');
      }
    });
  });
});
</script>

在这个例子中，我们使用了Bootstrap框架来创建现代化的联系表单。使用jQuery库来处理AJAX请求，以及防止页面刷新。这是一个简洁而高效的方法，用于构建和处理现代化的Web表单。