goodsorder.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>团购商品订单</title>
  6. <style type="text/css">
  7. <!--
  8. body {
  9. padding: 0px;
  10. margin-top: 1px;
  11. margin-left: 1px;
  12. background:white;
  13. font-size:12px
  14. }
  15. #center {
  16. width: auto;
  17. margin-top: 0px;
  18. margin-right: auto;
  19. margin-bottom: 0px;
  20. margin-left: auto;
  21. }
  22. .content {
  23. padding-left: 70px;
  24. }
  25. .content_1 {
  26. float: left;
  27. width: auto;
  28. line-height: 24px;
  29. color: #a7a7aa;
  30. }
  31. .content_1 .hj {
  32. padding-top: 5px;
  33. padding-bottom: 5px;
  34. }
  35. .content_1 strong {
  36. color: #006acd;
  37. }
  38. .content_1 b {
  39. color: #006acd;
  40. }
  41. .content_2 {
  42. line-height: 24px;
  43. float: right;
  44. width: 170px;
  45. padding-right: 15px;
  46. color: #006acd;
  47. margin-top: 20px;
  48. }
  49. .content_2 span {
  50. color: #e91116;
  51. }
  52. .clear {clear:both; height:10px; visibility:hidden; overflow: hidden}
  53. a:hover {
  54. color: #FF0000;
  55. }
  56. .content_11 { float: left;
  57. width: auto;
  58. line-height: 24px;
  59. color: #a7a7aa;
  60. }
  61. .cont {
  62. padding-left: 30px;
  63. padding-top:10px;
  64. }
  65. .cont_1 {
  66. width: auto;
  67. line-height: 24px;
  68. color: #a7a7aa;
  69. }
  70. .nr {
  71. height:auto;
  72. overflow:auto
  73. }
  74. .nr span.l{ display:block; width:350px; }
  75. .nr span.r{ display:block; width:350px; }
  76. .nr em {
  77. font-style: normal;
  78. color: #FF0000;
  79. }
  80. .nr b {
  81. color: #006acd;
  82. }
  83. .input0 {
  84. border: 1px solid #b9cde3;
  85. height: 22px;
  86. vertical-align: middle;
  87. width: 150px;
  88. line-height: 22px;
  89. padding-left:5px;
  90. padding-right:5px;
  91. }
  92. textarea {
  93. border: 1px solid #b9cde3;
  94. height: 40px;
  95. width: 436px;
  96. vertical-align: middle;
  97. padding-left:5px;
  98. padding-right:5px;
  99. }
  100. input.submit{border:1px solid;cursor:pointer;border-color:#fff #848484 #848484 #fff !important;background:#1B72AF !important;color:#FFFFFF !important; line-height:20px;}
  101. -->
  102. </style>
  103. </head>
  104. <body>
  105. <div id="center">
  106. <script language="javascript">
  107. function submitForm(){
  108. if (document.ordergoods.ordernum.value=="") {
  109. alert('请填写订单数量!');
  110. document.ordergoods.ordernum.focus();
  111. return false;
  112. }
  113. if (document.ordergoods.oname.value=="") {
  114. alert('请填写订联系人!');
  115. document.ordergoods.oname.focus();
  116. return false;
  117. }
  118. if (document.ordergoods.mobile.value=="") {
  119. alert('请填写手机号码!');
  120. document.ordergoods.mobile.focus();
  121. return false;
  122. }
  123. return true;
  124. }
  125. </script>
  126. <form onSubmit="return submitForm();" id="ordergoods" action="../goods.php" name="ordergoods" method="post">
  127. <input name="goodsid" value="<?=$id?>" type="hidden">
  128. <div class="cont">
  129. <div class="cont_1">
  130. <div class="nr"><b>请填写订单信息</b></div>
  131. <div class="nr">
  132. <span class="l">订单数量:</span>
  133. <span class="r"><input name="ordernum" id="ordernum" type="text" value="1" class="input0" />
  134. 请填写您要订购的数量(<font color=red>*</font>必填)</span>
  135. </div>
  136. <div class="nr">
  137. <span class="l">联系人:</span>
  138. <span class="r">
  139. <input name="oname" id="oname" type="text" value="" class="input0" />
  140. 请填写联系人真实姓名(<font color=red>*</font>必填)
  141. </span>
  142. </div>
  143. <div class="nr">
  144. <span class="l">固定电话:</span>
  145. <span class="r"><input name="tel" id="tel" type="text" value="" class="input0" />
  146. 固定电话联系方式 </span>
  147. </div>
  148. <div class="nr">
  149. <span class="l">手机号码:</span>
  150. <span class="r"><input name="mobile" id="mobile" type="text" value="" class="input0" />
  151. 请填写手机号码(<font color=red>*</font>必填)</span>
  152. </div>
  153. <div class="nr">
  154. <span class="l">联系 Q Q:</span>
  155. <span class="r">
  156. <input name="qq" id="qq" type="text" value="" class="input0"/>
  157. 常用网络联系方式</span>
  158. </div>
  159. <div class="nr">
  160. <span class="l">联系地址:</span>
  161. <span class="r">
  162. <input name="address" id="address" type="text" value="" class="input0"/>
  163. 精确到门牌号,方便物流配送</span>
  164. </div>
  165. <div class="nr">
  166. <span class="l">简短附言:</span>
  167. <span class="r"><textarea name="msg"></textarea></span>
  168. </div>
  169. </div>
  170. <div class="clear"></div>
  171. <div style="width:100%;text-align:left;"><input type="submit" class="submit" value="提交订单" /> &nbsp;&nbsp;<input type="reset" class="submit" value="重新填写"></div>
  172. </div>
  173. </form>
  174. </div>
  175. </body>
  176. </html>