css3+html5 mobile phone number registration process form code

<div class="headBar">
           <a href="javascript:history.back(-1)"><img class="headleft" src="resource/images/backjt.png"/></a>
            <span>Mobile registration</span>
</div>
<div class="mth1">
</div>
<div class="register">
<form id="registerForm1" action="register2.html">
<div class="mid mt10" style="width:80%;">
<span class="registerinputlabel">+86</span><span><img id="registericon1" class="registerinputicon" src="resource/images/registericon1.png"/></ span>
<input type="tel" id="registermobile" name="registermobile" style="width:80%;" maxlength="11" value="Enter mobile phone number" />
<br/><label class="tip">For security, we will send a verification code to your mobile phone</label>
</div>
<div class="mid mt10" style="width:80%;">
<span class="registerinputlabel">Password:</span><span><img id="registericon2" class="registerinputicon" style="width:24px;" src="resource/images/registericon2 .png"/></span>
<input type="password" id="registerkeyword" name="registerkeyword" style="width:80%;"/>
<label class="keywordtip">Set login password</label>
<br/><label class="error" for="registerkeyword"></label>
</div>
<div class="mid mt10" style="width:80%;">
<input type="submit" style="color:#fff;font-size:16px; background:#2d94fb;border:none;border-radius:2px; width:100%;" value="Next" / >
</div>
</form>
<div class="mid agreement">
        <img class="yesbtn" src="resource/images/yesBtn.png"/>
<span>By clicking "Next", I agree to the <a href="#">"Registration Agreement"</a></span>
</div>
</div>

The html5 mobile number registration process form code is a template suitable for WeChat mobile APP software user registration or mobile website user registration page template.