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="登録">
<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"/></スパン>
<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/registericon2 .png"/>

<input type="パスワード" id="キーワードの登録" name="キーワードの登録" 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>
</フォーム>
<div class="中間合意">
<img class="yesbtn" src="resource/images/yesBtn.png"/>
<span>[次へ] をクリックすると、<a href="#">「登録契約」</a></span>
に同意します。 </div>
</div>

html5 携帯電話番号登録プロセス フォーム コードは、WeChat モバイル APP ソフトウェアのユーザー登録またはモバイル Web サイトのユーザー登録ページ テンプレートに適したテンプレートです。