| 
	
	
		
		
		
		
		 <!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="charset" content="windws-1251"> 
<script src="2.js"></script>  
</head> 
 
<body> 
<h1>Калькулятор расчета стоимости печати книги в типографии</h1>  
 
<div class="form-group" style="margin-bottom: 15px;">  
<label for="page-size">Размер страницы</label>  
<select id="page-size" class="form-control">  
<option selected>Выберите размер страницы</option>  
<option value="A4">A4(205*202мм)</option>  
<option value="A5">A5(145*200мм)</option>  
<option value="A6">A6(100*140мм)</option>  
<option value="gen">Формат(200*200мм)</option>  
</select> 
</div>  
 
<div class="form-group" style="margin-bottom: 15px;">  
<label for="color">Цвет страниц</label>  
<select id="color" class="form-control">  
<option selected>Выберите цвет страниц</option>  
<option value="bw">Черно-белые</option>  
<option value="col">Цветные</option>  
</select>  
</div> 
 
<div class="form-group" style="margin-bottom: 15px;">  
<label for="qty">Количество разворотов</label>  
<input class="form-control" type="number" name="num" size="3" min="1" value="1" id="qty">  
</select>  
</div> 
 
<div class="form-group" style="margin-bottom: 15px;">  
<label for="cover">Вид обложки</label>  
<select id="cover" class="form-control">  
<option selected>Выберите вид обложки</option>  
<option value="bw">Черно-белая</option>  
<option value="col">Цветная</option>  
<option value="sk">Под кожу с тиснением</option>  
<option value="lam">Ламинация</option>  
</select>   
</div> 
 
<div class="form-group" style="margin-bottom: 15px;">  
<label for="binding">Переплет</label>  
<select id="binding" class="form-control">  
<option selected>Выберите переплет</option>  
<option value="soft">Мягкий</option>  
<option value="solid">Твердый</option>  
<option value="staples">Сшить скобами</option>  
<option value="spring">Пружина</option>  
</select>  
</div> 
 
<div class="form-group" style="margin-bottom: 15px;">  
<label for="edition">Тираж</label>  
<input class="form-control" type="number" name="num" size="10" min="1" value="1" id="edition">  
</div>  
</select>  
</div> 
 
<div class="form-group" style="margin-bottom: 15px;">  
<input type="button" id="button_count" value="Посчитать">  
</div> 
<div class="form-group" style="margin-bottom: 15px;">  
<label for="out">Cтоимость :</label>  
<output id="out"></output>  
 
</div> 
		
	
		
		
		
		
		
		
	
		
			
			
	
			
			
			
			
			
				 
			
			
			
			
			
			
				
			
			
			
		 
		
	
	
	 |