今天朋友让我忙帮给写个页面，由于时间紧破，所以没有完善，暂时先贴出来，以后有时间了在做修改
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
.header {
width: 100%;
background: #567;
height: 100px;
}
#leftDiv,#centerDiv,#rightDiv {
float: left;
background: #DDD;
margin-right: 10px;
word-wrap: break-word;
font-size: 12px;
}
#rightDiv {
width: 60%;
}
#leftDiv {
width: 19%;
}
#centerDiv {
width: 18%
}
#foot {
height: 100px;
background-color: #ccc;
clear: both;
}
#middle {
zoom: 1;
}
.li{
width:100px;
}
</style>
</head>
<body onload="addInput()">
<div class="header" );
for(var n=0;n<4;n++){
var o = document.createElement('input');
var li=document.createElement('li');
o.value=n;
li.appendChild(o);
for(var z=0;z<2;z++){
var select = document.createElement('select');
for(var y=0;y<4;y++){
select.options.add(new Option(y,y));
}
li.appendChild(select);
select=null;
}
rightDiv_ul.appendChild(li);
o = null;
}
}
window.onload = function(){
addInput_select();
addInput();
addButton();
};
</script>
</body>
</html>