完善“查看界面”的各个元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>查看商品详情</title>
</head>
<body>
<h3>查看商品详情</h3>
<div>
<div>
<span>商品名称</span>
<input type="text" value="冰箱001" />
</div>
<div>
<span>生产商</span>
<select>
<option value="海尔集团">海尔集团</option>
<option value="格力集团">格力集团</option>
</select>
</div>
<div>
<span>生产商ID</span>
<select>
<option value="HE001">HE001</option>
<option value="GELI001">GELI001</option>
</select>
</div>
<div>
<span>重量</span>
<input type="text" value="20公斤" />
</div>
<div>
<span>材质</span>
<input type="text" value="铝制品" />
</div>
<div>
<span>单价</span>
<input type="text" value="1600" />
</div>
<div>
<span>产地</span>
<input type="text" value="青岛" />
</div>
<div>
<span>生产日期</span>
<input type="text" value="2019/6/13" />
</div>
<div>
<span>质量保证期</span>
<input type="text" value="2个月" />
</div>
<div>
<span>生产标准号</span>
<input type="text" value="sch001" />
</div>
<div>
<span>相关许可证</span>
<input type="text" value="xg001" />
</div>
<div>
<span>使用方法</span>
<input type="text" value="通电24小时后" />
</div>
<div>
<input type="button" value="返回" />
</div>
</div>
</body>
</html>
运行，效果见下图：
