利用学习到的表单组件知识，设计一个采集快递信息的表单微信小程序，信息包括姓名，电话，寄件地址和收件地址，给出wxml和js代码

在微信小程序中设计一个采集快递信息的表单，我们可以使用WXML（WeApp Markup Language）来描述页面结构，以及JS（JavaScript）编写交互逻辑。以下是一个简单的示例：

**WXML (wxml 文件)：form.wxml**

<view class="container">
  <view>
    <label for="name">姓名：</label>
    <input type="text" id="name" placeholder="请输入姓名" />
  </view>
  <view>
    <label for="phone">电话：</label>
    <input type="tel" id="phone" placeholder="请输入电话号码" />
  </view>
  <view>
    <label for="fromAddress">寄件地址：</label>
    <input type="text" id="fromAddress" placeholder="请输入寄件地址" />
  </view>
  <view>
    <label for="toAddress">收件地址：</label>
    <input type="text" id="toAddress" placeholder="请输入收件地址" />
  </view>
  <button bindtap="submitForm">提交</button>
</view>

**JS (js 文件)：form.js**

Page({
  data: {
    name: '',
    phone: '',
    fromAddress: '',
    toAddress: ''
  },
  submitForm: function(e) {
    const formData = {
      name: this.data.name,
      phone: this.data.phone,
      fromAddress: this.data.fromAddress,
      toAddress: this.data.toAddress
    };
    
    // 这里你可以将formData发送给后台处理，或者做一些本地存储，具体取决于你的需求
    console.log('快递信息', formData);
  }
})

在这个例子中，用户填写姓名、电话、寄件地址和收件地址后，点击“提交”按钮，会触发`submitForm`方法，将数据打印出来（这里仅作示例，实际应用中可能需要进一步封装或传输）。记得在项目中引入相应的样式文件 `.wxss` 来设置容器样式。