2015-05-10
160<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Добавление товара в корзину</title>
<link href="CSS/bootstrap.css" rel="stylesheet" type="text/css">
<script src="JS/bootstrap.js"></script>
<script src="JS/Lab1Individual.js"></script>
<script src="JS/Lab2.js"></script>
</head>
<body>
<div class="row">
<br>
<form name="ShoppingCartForm" >
<div class="col-md-3">
</div>
<div class="col-md-3">
<h3>Добавление товара</h3>
<br>
<label>Выберите товар</label>
<select name="GoodsSelect" onchange="CalculatePrice()">
<option value="0">Ноутбук Acer</option>
<option value="1">Ноутбук Asus</option>
<option value="2">Ноутбук HP</option>
</select>
<br>
<label>Количество</label>
<input type="text" name="Count" onkeyup="CalculatePrice()" style="width: 40px"/>
<br>
<label>Цена</label>
<input type="text" name="Price" readonly style="width: 100px"/>
<br>
<button class="btn btn-success" type="button" onclick="AddGoodsToCart()">Добавить в корзину</button>
<br>
</div>
<div class="col-md-4">
<h3>Товары добавленные в корзину</h3>
<br>
<textarea name="ShoppingCart" readonly style="width: 250px"></textarea>
<br>
<label>Итого</label>
<input type="text" name="TotalPrice" readonly style="width: 100px"/>
<br>
<button class="btn btn-primary" onclick="ClearTextArea()" type="button">Очистить корзину</button>
<button class="btn btn-info" onclick="GetReport()" type="button">Подтвердить заказ</button>
<br>
<script type="text/javascript">
document.write(Date());
</script>
</div>
</form>
</div>
</body>
</html>
|
|
|
Рис 2. Пример роботы формы индивидуального задания
