有没有办法用 html/css 编码?
我想将其格式化为过期框中“/”两侧的两位数。
我刚刚在网页上的表单中放置了“/”以显示我正在尝试执行的操作。
Credit Card Number:
<input class="inputCard" type="text" name="creditCard1" id="creditCard1"/>
-
<input class="inputCard" type="text" name="creditCard2" id="creditCard2"/>
-
<input class="inputCard" type="text" name="creditCard3" id="creditCard3"/>
-
<input class="inputCard" type="text" name="creditCard4" id="creditCard4"/>
<br />
Card Expiry:
<input class="inputCard" type="text" name="expiry" id="expiry"/>
我想对其进行格式化,以便每个信用卡文本框中只接受四个数字。
我不需要代码来使用 javascript 验证我的数据(我知道如何做到这一点)。我正在为 html 设计而苦苦挣扎。
我想说做这样的事情:
Card Expiration:
<select name='expireMM' id='expireMM'>
<option value=''>Month</option>
<option value='01'>January</option>
<option value='02'>February</option>
<option value='03'>March</option>
<option value='04'>April</option>
<option value='05'>May</option>
<option value='06'>June</option>
<option value='07'>July</option>
<option value='08'>August</option>
<option value='09'>September</option>
<option value='10'>October</option>
<option value='11'>November</option>
<option value='12'>December</option>
</select>
<select name='expireYY' id='expireYY'>
<option value=''>Year</option>
<option value='20'>2020</option>
<option value='21'>2021</option>
<option value='22'>2022</option>
<option value='23'>2023</option>
<option value='24'>2024</option>
</select>
<input class="inputCard" type="hidden" name="expiry" id="expiry" maxlength="4"/>
然后只需添加一段 Javascript 或 jQuery 来组合来自的值expireMM
and expireYY
并将其设置为值expiry
。我更喜欢在 PHP 中在服务器端完成所有操作,但这取决于您的具体设置。不管怎样,这是处理过期日期的常用方法。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)