生活随笔
收集整理的這篇文章主要介紹了
HTML+CSS做支付表单
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
效果圖：
代碼：
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>js第二次作業(yè)
</title><style>#div1 {width: 400px;height: 700px;border: 1px solid grey;border-radius: 30px;padding-left: 20px;padding-right: 20px;}#div2 {text-align: right;}#div3 {padding-left: 130px;padding-right: 10px;}</style>
</head><body><div id="div1"><h1><a style="font-family: 宋體;">支付表單
</a></h1><br>必填字段: *
<input type="hidden"><br /><h2>聯(lián)系人信息
</h2><div id="div3"><form><fieldset style="border:1px solid rgb(121, 106, 106)"><legend>標(biāo)題
</legend><input type="radio" name="r1" />先生
<br /><input type="radio" name="r1" />女士
<br /></fieldset></form></div><div id="div2"><br />姓名：*
<input type="text" style="width:250px;" /><br /><br />E-mail: *
<input type="text" style="width:250px;" /><br /><br />密碼：*
<input type="password" style="width:250px;" /><br /><br /></div><h2>支付信息
</h2>    卡類(lèi)型：
<select><option>Visa
</option><option>ID Card
</option><option>其他
</option></select><br /><br /><div id="div2">卡號(hào)：*
<input type="text" style="width:250px;" /><br /><br />卡有效日期：*
<input type="data" style="width:250px;" /><br /></div>  <em>輸入格式：月/年
</em><br /><br /><center><button>確認(rèn)支付
</button></center></div></body></html>
總結(jié)
以上是生活随笔為你收集整理的HTML+CSS做支付表单的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。
