分期订单

@@ -15,14 +15,14 @@
         <div class="field">
             <label for="identityCardNo">身份证号：</label>
 
-            <input id="identityCardNo" name="identityCardNo" type="text" placeholder="请填写身份证号" maxlength="18"/>
+            <input id="identityCardNo" name="identityCardNo" type="number" pattern="\d*" inputmode="numeric" placeholder="请填写身份证号" maxlength="18"/>
             <div class="clearfix"></div>
         </div>
 
         <div class="field">
             <label for="name">卡号：</label>
 
-            <input id="cardNo" name="cardNo" type="text" placeholder="银行卡号" size="26" maxlength="30"/>
+            <input id="cardNo" name="cardNo" type="tel" placeholder="银行卡号" size="26" maxlength="30"/>
             <div class="clearfix"></div>
         </div>
 
@@ -35,13 +35,13 @@
 
         <div class="field">
             <label for="name">手机号：</label>
-            <input id="mobile" name="mobile" type="text" placeholder="银行预留手机号码" maxlength="11"/>
+            <input id="mobile" name="mobile" type="tel" placeholder="银行预留手机号码" maxlength="11"/>
             <div class="clearfix"></div>
         </div>
 
         <div class="field">
             <label for="name">验证码：</label>
-            <input id="sns-check-code" name="snsCheckCode" type="text" placeholder="请输入验证码" size="14" maxlength="6"/>
+            <input id="sns-check-code" style="width: 120px;" name="snsCheckCode" type="number" pattern="\d*" placeholder="请输入验证码" size="6" maxlength="6"/>
             <button id="send-sms" class="count-down">获取验证码</button>
             <div class="clearfix"></div>
         </div>

@@ -173,7 +173,6 @@ $('#cardNo').keyup(function() {
 
     $(this).val(value.replace(/[^\d]/g, '').replace(/(\d{4})(?=\d)/g, '$1 ')).trigger('change');
 
-
     if (cardNo && cardNo.length >= 15) {
         debounceFn(cardNo);
     } else {

@@ -70,9 +70,11 @@
         border-radius: 4px;
         background: transparent;
         color: #84c990;
-        width: 180px;
+        width: 130px;
         height: 55px;
         float: right;
+        white-space: nowrap;
+        padding: 0;
     }
 
     .data-encryption {
@@ -87,7 +89,9 @@
         float: left;
     }
 
-    input[type=text] {
+    input[type=text],
+    input[type=number],
+    input[type=tel] {
         font-size: 27px;
         height: 40px;
         color: #444;