一个页面里多个form时与position:initial css属性冲突问题
发布于 6 年前 作者 pingfu 18946 次浏览 来自 问答
<form bindsubmit="tapSelectPackageAddress" report-submit="true">
 <button class="form-button-wrap" formType="submit">
     <text style="color:#757575" >{{receiverAddressDetailInfo || '请选择送往地址'}}text>
 button>            
form>
<form bindsubmit="tapSelectReceiverAddress" report-submit="true">              
 <button class="form-button-wrap" formType="submit">
     <text style="color:#757575" >{{receiverAddressDetailInfo || '请选择送往地址'}}text>
 button>
form>
.form-button-wrap {
 width: 100%;
 height: 100%;
 background: transparent;
 border: 0;
 text-align: left;
 position:initial;
 padding: 0;
}

是这样的,两个form,submit到不同的function,两个提交的button拥有相同的class : form-button-wrap

1 如果我设置form-button-wrap中的 position:initial 或者 position:static 属性时,我点第一个button提交,并没有触发他对应的第一个form提交的function,而是把他下面第二个form提交了

2 如果我设置form-button-wrap中的 position 属性为其他值,则两个form都正常顺序提交了


请问这个是bug,还是我用法有误呢?

回到顶部