Spaces:
Sleeping
Sleeping
File size: 5,381 Bytes
87d1369 0dbef86 9859341 0dbef86 be906c9 0dbef86 be906c9 0dbef86 be906c9 9859341 0dbef86 be906c9 0dbef86 9859341 0dbef86 9859341 0dbef86 9859341 0dbef86 a9adc70 9859341 87d1369 9859341 87d1369 9859341 87d1369 9859341 87d1369 943eb46 87d1369 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 |
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Калькулятор удобрений</title>
<style>
body {
margin: 0 auto;
width: 950px;
padding: 1em;
background-color: #f0f0f0;
font-family: Arial, sans-serif;
}
h1 {
background-color: #2e8b57;
color: white;
text-align: center;
padding: 1em;
border-radius: 10px;
margin-bottom: 20px;
}
fieldset {
border: 2px solid #2e8b57;
background-color: #eaffea;
padding: 1em;
margin-bottom: 20px;
border-radius: 8px;
}
legend {
font-weight: bold;
color: #2e8b57;
padding: 0 10px;
}
input[type=number] {
width: 80px;
padding: 3px;
border: 1px solid #ccc;
border-radius: 4px;
}
/* Основные элементы в одну строку */
.main-elements {
display: flex;
justify-content: center;
gap: 10px;
padding: 10px;
flex-wrap: wrap;
}
/* Контейнер для каждого элемента */
.element-group {
display: flex;
flex-direction: column;
align-items: center;
}
/* Азотные элементы в одну строку под основными */
.nitrogen-elements {
display: flex;
justify-content: center;
gap: 20px;
padding: 10px;
margin-top: -10px;
}
/* Стиль для подписей */
.element-label {
margin-bottom: 5px;
font-weight: bold;
}
/* Сетка для удобрений */
.fertilisers-grid-container {
display: grid;
grid-template-columns: repeat(10, auto);
grid-gap: 5px;
padding: 10px;
align-items: center;
}
</style>
</head>
<body>
<fieldset>
<legend>Макропрофиль в мг/л (ppm)</legend>
<div class="profile-grid-container">
<span class="profile-label">P</span>
<span class="profile-label">K</span>
<span class="profile-label">Ca</span>
<span class="profile-label">Mg</span>
<span class="profile-label">S</span>
<span class="profile-label">Cl</span>
<span class="profile-label">EC</span>
<input id="pP" type="number" value="0.0" step="1.0"/>
<input id="pK" type="number" value="0.0" step="1.0"/>
<input id="pCa" type="number" value="0.0" step="1.0"/>
<input id="pMg" type="number" value="0.0" step="1.0"/>
<input id="pS" type="number" value="0.0" step="1.0"/>
<input id="pCl" type="number" value="0.0" step="1.0"/>
<input id="pEC" type="number" value="0.0" step="0.001"/>
</div>
<div class="nitrogen-grid-container">
<div>
<label for="pNO3">NO3</label>
<input id="pNO3" type="number" value="0.0" step="1.0"/>
</div>
<div>
<label for="pNH4">NH4</label>
<input id="pNH4" type="number" value="0.0" step="1.0"/>
</div>
</div>
</fieldset>
<fieldset>
<legend>Составы солей</legend>
<div class="fertilisers-grid-container">
<span></span>
<span>NH4</span>
<span>NO3</span>
<span>P</span>
<span>K</span>
<span>Ca</span>
<span>Mg</span>
<span>S</span>
<span>Cl</span>
<span>грамм</span>
<span>CaN2O6</span> <span id="f11">0</span><span id="f12">0</span><span id="f13">0</span><span id="f14">0</span><span id="f15">0</span><span id="f16">0</span><span id="f17">0</span><span id="f18">0</span><input type="number" step="0.001" id="w1"/>
<span>KNO3</span> <span id="f21">0</span><span id="f22">0</span><span id="f23">0</span><span id="f24">0</span><span id="f25">0</span><span id="f26">0</span><span id="f27">0</span><span id="f28">0</span><input type="number" step="0.001" id="w2"/>
<span>NH4NO3</span> <span id="f31">0</span><span id="f32">0</span><span id="f33">0</span><span id="f34">0</span><span id="f35">0</span><span id="f36">0</span><span id="f37">0</span><span id="f38">0</span><input type="number" step="0.001" id="w3"/>
<span>MgSO4</span> <span id="f41">0</span><span id="f42">0</span><span id="f43">0</span><span id="f44">0</span><span id="f45">0</span><span id="f46">0</span><span id="f47">0</span><span id="f48">0</span><input type="number" step="0.001" id="w4"/>
<span>KH2PO4</span> <span id="f51">0</span><span id="f52">0</span><span id="f53">0</span><span id="f54">0</span><span id="f55">0</span><span id="f56">0</span><span id="f57">0</span><span id="f58">0</span><input type="number" step="0.001" id="w5"/>
<span>K2SO4</span> <span id="f61">0</span><span id="f62">0</span><span id="f63">0</span><span id="f64">0</span><span id="f65">0</span><span id="f66">0</span><span id="f67">0</span><span id="f68">0</span><input type="number" step="0.001" id="w6"/>
<span>CaCl2*6H2O</span><span id="f71">0</span><span id="f72">0</span><span id="f73">0</span><span id="f74">0</span><span id="f75">0</span><span id="f76">0</span><span id="f77">0</span><span id="f78">0</span><input type="number" step="0.001" id="w7"/>
</div>
</fieldset>
</body>
</html> |