收藏
回答

form表单的提交重置按钮怎么会因为里面view的高度样式失效?

wxml代码如下:

<!--pages/my/form.wxml-->

<form bindsubmit="formSubmit" bindreset="formReset">

<view class="picktime formview">

<label for="openStartTime">营业开始时间:</label>

<picker mode="time" name="openStartTime" id="openStartTime" start="00:00" end="23:59" bindchange="changeOpenStartTime">

{{openStartTime}}

</picker>

</view>

<view class="picktime formview">

<label for="openEndTime">营业结束时间:</label>

<picker mode="time" name="openEndTime" id="openEndTime" start="00:00" end="23:59" bindchange="changeOpenEndTime">

{{openEndTime}}

</picker>

</view>

<view class="switch formview">

<label for="isopen">营业状态:</label>

<switch checked="{{openStatus}}" name="openStatus" id="isopen" bindchange="changeOpenStatus"/>

</view>

<view class="radio formview">

<radio-group name="radio" bindchange="">

<radio value="1" id="radio1" checked="true"/><label for="radio1">选项一</label>

<radio value="2" id="radio2"/><label for="radio2">选项二</label>

<radio value="3" id="radio3"/><label for="radio3">选项三</label>

</radio-group>

</view>

<view class="checkbox formview">

<checkbox-group name="checkbox" bindchange="">

<label for=""><checkbox value="id1"/>选id1</label>

<label for=""><checkbox value="id2"/>选id2</label>

<label for=""><checkbox value="id3"/>选id3</label>

</checkbox-group>

</view>

<view class="section section_gap">

<text class="section__title">显示当前value</text>

<view class="body-view">

<slider bindchange="slider3change" name="slider" value="30" min="0" max="100"

step="10" show-value/>

</view>

</view>

<view class="inputname formview">

<label for="inputname">输入框:</label>

<input type="text" id="inputname" name="inputname" placeholder="请输入姓名" />

</view>

<view class="textarea formview">

<label for="textarea">多行输入:</label>

<textarea value="0000" name="textarea"/>

</view>

<view class="formview">

<button type="primary" form-type="submit">提交</button>

<button type="default" form-type="reset">重置</button>

</view>

</form>


wxss代码如下:

/* pages/my/form.wxss */

.formview {

display: flex;

flex-direction: row;

/* height: 70rpx; 此样式加上会使提交和重置失效????*/

line-height: 70rpx;

font-size: 40rpx;

color: #999999;

}

.picktime picker {

width: 50%;

color: black;

}

.section__title {

height: 70rpx;

line-height: 70rpx;

font-size: 40rpx;

color: #999999;

}

.inputname input {

height: 70rpx;

line-height: 70rpx;

font-size: 40rpx;

color: #999999;

}



.formview 的样式,不能设置height, 设置后form的button失效?懵。。。。。。。。。

求各位大神指教哪里出了问题

回答关注问题邀请回答
收藏

1 个回答

  • Demons
    Demons
    2023-10-13

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2023-10-13
    有用
    回复 1
    • 我若成风
      我若成风
      发表于移动端
      2023-10-13
      代码已贴出啊,失效的时候就是提交没反应,重置也没反应,必须去掉那个高度样式才有反应,百思不得其解
      2023-10-13
      回复
登录 后发表内容