用html和css3写一个简单的支付表单

程序员文章站 2022-04-24 12:37:24

...

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>支付</title>
    <style type="text/css">            
             .form1{
             	width: 350px;
             	height: 550px;
             	margin: 20px auto;
             	border: 1px solid #A8A8A8 ;
             	border-radius: 10px;
             }
             .r{

             	text-align: right;
             }
             .c{
             	text-align: center;
             }
             .from2{
             	width: 132px;
             	height: 65px;
             	border: 1px solid #A8A8A8 ;
             	margin-left: 162px;
             }         
    </style>
</head>
<body  class="from1">
     <form action="" method="post" class="form1" >
             <h2>&nbsp &nbsp支付表单</h2>
             &nbsp &nbsp &nbsp 必填字段*
             <h3>&nbsp &nbsp联系人信息</h3>
             <dir class =" from2">
             <strong>标题<br/></strong>
                 <input type="radio" name="sex">先生<br/>
                 <input type="radio" name="sex">女士<br/>
             </dir>             
               <div class ="r">
                 姓&nbsp &nbsp名：* <input type="text" >&nbsp &nbsp<br/>
                 E.mail：*&nbsp<input type="text" >&nbsp &nbsp<br/>
                 密&nbsp &nbsp码：* <input type="password" >&nbsp &nbsp<br/>
               </div>
             <h3>&nbsp &nbsp支付消息</h3>
             <div class="c">
             卡类型：
                 <select>
                     <option selected="selected">Visa</option>
                     <option>银联</option>
                     <option>支付宝</option>
                     <option>微信</option>
                 </select><br/>
             </div>
             <div class="r">
                卡&nbsp &nbsp号：* <input type="text" >&nbsp &nbsp<br/>  
                卡有效日期：* <input type="text" >&nbsp &nbsp<br/>
             </div>
             <em>&nbsp &nbsp &nbsp &nbsp输入格式月/年</em><br/>
             <div class="c"> 
                <input type="submit" value="确定支付" />
             </div>
     </form>
     </form> 
</body>
</html>

用html和css3写一个简单的支付表单

用html5的canvas和JavaScript创建一个绘图程序的简单实例

用python和pygame写一个简单的挡板弹球游戏

用Html写一个简单的登陆界面_html/css_WEB-ITnose

用C3中的animation和transform写的一个模仿加载的时动画效果_html/css_WEB-ITnose

用C3中的animation和transform写的一个模仿加载的时动画效果_html/css_WEB-ITnose

用HTML和jquery写一个简单的扫雷小游戏

用CSS和Vue框架+axios写一个简单的天气查询网页

小demo | 用HTML和CSS写一个简单的菜单栏块

用html和css3写一个简单的支付表单

用html和css制作一个简单的页面