利用学习到的表单组件知识，设计一个采集快递信息的表单，信息包括姓名电话寄件地址和收件地址，在微信开发者工具调试，给出wxml和js代码

设计一个用于采集快递信息的表单，我们可以使用WeApp（微信小程序）的WXML（微信小程序标记语言）和JS（JavaScript）来实现。这是一个基础的示例：

**WXML (wxml文件)**:

<view class="container">
  <view class="form-item">
    <label for="name">姓名:</label>
    <input type="text" id="name" placeholder="请输入您的姓名" bindinput="handleNameInput"/>
  </view>
  <view class="form-item">
    <label for="phone">电话:</label>
    <input type="tel" id="phone" placeholder="请输入您的联系电话" bindinput="handlePhoneInput"/>
  </view>
  <view class="form-item">
    <label for="from-address">寄件地址:</label>
    <input type="text" id="from-address" placeholder="请输入寄件地址" bindinput="handleFromAddressInput"/>
  </view>
  <view class="form-item">
    <label for="to-address">收件地址:</label>
    <input type="text" id="to-address" placeholder="请输入收件地址" bindinput="handleToAddressInput"/>
  </view>
  <button open-type="submit" bindtap="handleSubmit">提交</button>
</view>

**JS (js文件):**

Page({
  data: {
    name: '',
    phone: '',
    fromAddress: '',
    toAddress: ''
  },
  
  handleNameInput(e) {
    this.setData({
      name: e.detail.value
    });
  },
  
  handlePhoneInput(e) {
    this.setData({
      phone: e.detail.value
    });
  },
  
  handleFromAddressInput(e) {
    this.setData({
      fromAddress: e.detail.value
    });
  },
  
  handleToAddressInput(e) {
    this.setData({
      toAddress: e.detail.value
    });
  },
  
  handleSubmit() {
    // 这里可以将收集的数据发送到服务器，或者在微信开发者工具的console.log查看数据
    console.log('Form Data:', this.data);
  }
})

在这个例子中，用户输入的信息会被实时更新到对应的字段，并在提交按钮被点击时，通过`handleSubmit`函数打印出所有填写的信息。在实际应用中，你需要将其与后端API或者其他功能集成。