css3+html5的手機號碼註冊流程表單代碼

   <div class="headBar">
        <a href="javascript:history.back(-1)"><img class="headleft" src="resource/images/backjt.png"/></a>
        <span>手機註冊</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="輸入手機號碼" />
      <br/><label class="tip">為了安全，我們會傳送驗證碼</label>
    </div>
    <div class="mid mt10" style="width:80%;">
<span class="registerinputlabel">密碼:</span><span><img id="registericon2" class="registerinputicon" style="width:24px;" src="resource/images/registericon222 .png"/></span>
      <input type="password" id="registerkeyword" name="registerkeyword" style="width:80%;"/>
      <label class="keywordtip">設定登入密碼</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="下一步" / >
    </div>
    </form>
    <div class="mid agreement">
        <img class="yesbtn" src="resource/images/yesBtn.png"/>
        <span>點選"下一步",即表示本人已同意<a href="#">《註冊協議》</a></span>
    </div>
    </div>

html5手機號碼註冊流程表單代碼是適合微信手機行動端APP軟體使用者註冊或手機網站使用者註冊頁面範本。