微信开发者工具textarea输入框外部高度怎么随着一起变化

你可以使用CSS中的`vh`单位来实现，`vh`表示视口高度的百分比，例如，如果你想让一个元素的高度等于视口高度的50%，可以这样写：

.element {
  height: 50vh;
}

然后，你可以将这个元素与`textarea`元素包裹在一个父元素中，这个父元素的高度设置为100%：

<div class="container">
  <textarea></textarea>
  <div class="element"></div>
</div>

.container {
  height: 100%;
}

.element {
  height: 50vh;
}

这样，当你在`textarea`中输入内容时，父元素的高度也会随之改变，从而导致包裹在其中的元素高度也跟着改变。

相关问题

使用微信开发者工具实现“调查问卷”微信小程序案例代码： 调查问卷需要填写的信息包括姓名、性别、专业技能和您的意见。其中，“姓名”通过单行输入框填写，“性别”通过单选框选择;“专业技能”通过多选框选择;“您的意见”通过多行输入框填写。页面底部的“提交”按钮用于将用户输入的信息提交。

要在微信小程序中实现一个简单的调查问卷功能，你需要遵循以下步骤，并结合微信开发者工具的API进行编写。这是一个基本的WXML和WXSS示例：

<!-- wxml -->
<view class="container">
  <view>
    <label for="name">姓名：</label>
    <input type="text" id="name" placeholder="请输入您的姓名"/>
  </view>
  
  <view>
    <label>性别：</label>
    <radio-group value="{{gender}}" bindchange="handleGenderChange">
      <radio label="男" value="male"></radio>
      <radio label="女" value="female"></radio>
    </radio-group>
  </view>

  <view>
    <label>专业技能：</label>
    <checkbox-group wx:for="{{skills}}" value="{{item.value}}" checked="{{item.checked}}">
      {{item.label}}
    </checkbox-group>
  </view>

  <view>
    <label>您的意见：</label>
    <textarea placeholder="请输入您的意见" id="opinion"></textarea>
  </view>

  <button open-type="submit" bindtap="handleSubmit">提交</button>
</view>

/* wxss */
.container {
  padding: 20rpx;
}

// 样式可以根据需求自定义...

// js (pages/index.js)
Page({
  data: {
    gender: '',
    skills: ['前端', '后端', '全栈', '设计'],
    opinion: ''
  },
  
  handleGenderChange(e) {
    this.setData({ gender: e.detail.value });
  },
  
  handleSubmit() {
    const formData = {
      name: this.data.name,
      gender: this.data.gender,
      skills: this.data.skills.join(','),
      opinion: this.data.opinion
    };
    
    // 在这里处理数据并发送到服务器或保存本地，实际项目中会涉及网络请求或本地存储
    console.log('用户信息:', formData);
    // 提交的具体逻辑由你自己实现
  }
})

在这个例子中，我们创建了一个包含姓名输入、性别选择、技能复选框以及意见文本区域的表单布局。当用户点击提交按钮时，`handleSubmit`函数会被触发，获取并处理用户的输入数据。