如何实现html在线订单（纯html）

我也是来告诉你不可能的。不过你可以考虑PHP，用服务器技术转译成HTML。在客户端显示的时候是.html。但实际是PHP，有form表单提交数据，或者AJAX交互。此外，其他技术也提供转译HTML技术的。不过PHP应用多一点。而且开源的方法。你所谓的“纯”html没有交互能力，做不到所谓的订单系统。

没有数据库怎么做系统！= =

<style type="text/css">

body{

line-height: 24px

font-weight:700

color: #333

}

table{

width:800pxborder:1px solid #333

}

tr,td{

border:1px solid #999

height:25px

}

td{

padding:0 20px

text-align: center

}

a{

text-decoration: none

color: #000

cursor: pointer

background-color: #eee

}

button{

border-style:none

display: block

cursor: pointer

}

input{

height:20px

}

.last_tr{

border-top:1px solid #fff

}

.last_tr td{

border-top:1px solid #fff

}

.last_tr button{

height: 24px

display: inline-block

margin: 12px 35px

padding: 0px 10px

background-color: #ccc

}

.content_tr{

font-weight:400

color: #666

}

</style>

<div style="width:800px">

<table>

<tr>

<th colspan="5">

<div style="display:inline-blockwidth:20%"><h5 style="display:inline">商品管理系统</h5></div>

<div style="display:inline-blockwidth:40%"></div>

<div style="display:inline-blockwidth:15%"><label>用户:XX</label></div>

<div style="display:inline-blockwidth:10%"><a>注销</a></div>

</th>

</tr>

<tr>

<th rowspan="3" width="10%" id="left_menu" valign="top">

<button>订单管理</button>

<button>仓库管理</button>

<button>商品管理</button>

</td>

<td colspan="4">

商品管理页面

</td>

</tr>

<tr>

<td width="15%">复选框</td>

<td width="15%">商品编号</td>

<td width="20%">商品名称</td>

<td width="30%">商品产地</td>

</tr>

<tr style="display:none" id="start_tr">

<tr id="content_1" class="content_tr" name="content_tr">

<td><input type="checkbox" name="content_checkbox"></td>

<td><input id="sf"></td>

<td><input></td>

<td><input></td>

</tr>

<tr class="last_tr">

<td></td>

<td colspan="4">

<button onclick="commodity_delete()">删除</button>

<button onclick="commodity_add()">添加</button>

<button onclick="commodity_save()">提交</button>

</td>

</tr>

</table>

</div>

<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>

<script type="text/javascript">

function commodity_add(){

var content_tr = document.getElementsByName('content_tr')

if(content_tr.length <1){

var html = '<tr id="content_1" class="content_tr" name="content_tr">'

html += '<td><input type="checkbox" name="content_checkbox"></td>'

html += '<td><input></td>'

html += '<td><input></td>'

html += '<td><input></td></tr>'

$('#start_tr').after(html)

var next_id = 1

}else{

var last_content_tr = content_tr[content_tr.length - 1].id

var next_id = parseInt(last_content_tr.replace("content_", "")) + 1

var html = '<tr id="content_' + next_id + '" class="content_tr" name="content_tr">'

html += '<td><input type="checkbox" name="content_checkbox"></td>'

html += '<td><input></td>'

html += '<td><input></td>'

html += '<td><input></td></tr>'

$('#' + last_content_tr).after(html)

}

document.getElementById("left_menu").rowSpan = next_id + 2

}

function commodity_save(){

var content_checkbox = document.getElementsByName('content_checkbox')

for (var i = content_checkbox.length - 1i >= 0i--) {

if(content_checkbox[i].checked){

var html = $(content_checkbox[i]).parent().next().children().val()

$(content_checkbox[i]).parent().next().html(html)

var html = $(content_checkbox[i]).parent().next().next().children().val()

$(content_checkbox[i]).parent().next().next().html(html)

var html = $(content_checkbox[i]).parent().next().next().next().children().val()

$(content_checkbox[i]).parent().next().next().next().html(html)

}

}

}

function commodity_delete(){

var content_checkbox = document.getElementsByName('content_checkbox')

for (var i = content_checkbox.length - 1i >= 0i--) {

if(content_checkbox[i].checked){

$(content_checkbox[i]).parent().parent().remove()

}

}

}

</script>

输入网址，进入系统，输入密码即可。

1、打开浏览器输入对应网址。

2、点击在线订单进入系统。

3、输入用户名，密码，登录即可使用。蔡司是全球范围内先锋的光学与光电行业科技集团。

---