码迷,mamicode.com
首页 > Web开发 > 详细

HTML 快递打印模板

时间:2016-11-19 15:51:47      阅读:754      评论:0      收藏:0      [点我收藏+]

标签:模板   bsp   script   anr   button   image   class   alt   res   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
    
    function show(){
    
    window.print();
    
    }
    
</script>
</head>
<style>
    *{ margin:0px; padding:0px;}
    #zhu{ border:1px solid #CCCCCC; margin:auto; width:400px; height:750px;}
    #sheji{ border:1px  #FF0000; margin:60px auto; width:370px; height:650px;}
    input{ width:100px; height:auto; font-size:12px;}
    span{ font-size:12px;}
    #fajianren{ margin-left:25px; }
    #shoujianren{ margin-left:25px; }
    #baobeiming{ width:280px; height:auto; font-size:12px; text-align:center;}
    #shuliang{width:60px; font-size:12px; text-align:center;}
    .dizhi{width:275px;}
    #anniu{ float:right}
</style>

<body>
<form>
    <div id="zhu">
        <div id="sheji">
            <div id="shoujianren">
            <span>收件人:&nbsp;</span> &nbsp;<input type="text"/>  &nbsp; &nbsp; &nbsp; <span>电话:</span><input type="text" /><br /><br />
            
            <span>收货地址:</span><input type="text"class="dizhi" /><br />
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="text" class="dizhi" /><br />
            
            </div><br />
            <hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />
             &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span>货物名称</span>
              &nbsp; &nbsp; &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
               &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span>数量</span>
               
            <hr />
            <input type="text" id="baobeiming" />  <input type="text" id="shuliang" /> 
            <br /><br />
            <hr style="height:1px;border:none;border-top:1px dashed #0066CC;" />
            
            <div id="fajianren">
            <span>发件人:&nbsp;</span> &nbsp;<input type="text" />  &nbsp; &nbsp; &nbsp; <span>电话:</span><input type="text" /><br /><br />
            
            <span>发货地址:</span><input type="text" class="dizhi" /><br />
             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="text" class="dizhi" /><br />
            <span>留言备注:</span><input type="text" /><br /><br />
            </div>
        </div>
        <div id="anniu">
         <input type="reset" value="重新填写" /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;        
          <input type="button" id="bt" value="打印" onclick="show()" />
         
         </div>
    </div>
</form>
</body>
</html>

技术分享

HTML 快递打印模板

标签:模板   bsp   script   anr   button   image   class   alt   res   

原文地址:http://www.cnblogs.com/benben123/p/6080563.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!