Input adjustment of wechat applet

Reference link
1、wxml Code

<view class="getinput">
    <view class="the_first">
        <input name="suibian" class="password" auto-focus placeholder=" Please enter "/>
    </view>
</view>

2、wxss Code

.getinput{
    
  border:1px solid gray;
  margin:100px;
  text-align: center;
}

design sketch ：

understand ： The box model rendered according to the browser , We can set its properties

content It's equivalent to view label , We can specify by setting the following properties