微信小程序 简单的搜索框

微信小程序 简单的搜索框

很简单的搜索框 ，话不多说直接上图:

wxml:

  <view class="content">
    <form  bindsubmit="formSubmit">
      <view class="search">
         <input class="input" type="text" name="find" placeholder="帖子名称" form-type="submit"/> 
         <button class='find' form-type="submit" size="mini" bindtap="find">搜索</button>  
      </view>
    </form>  
 </view> 

wxss:

.content{
  padding-left: 4%;
  padding-right: 4%;
  background-color:rgb(0, 255, 200);
}
.input{
  position:relative;
  top:25rpx;
  height:25px;
  margin-right: 200rpx;  
  border:1px solid #130505;
}
.find{
  margin: 10rpx 10rpx 10rpx 10rpx;  
  z-index: 2;
  border:1px solid #130505;
  position:relative;
  left:500rpx;
  bottom:60rpx
}