Spaces:
Sleeping
Sleeping
File size: 4,988 Bytes
87d1369 0dbef86 9859341 0dbef86 9859341 0dbef86 9859341 0dbef86 9859341 0dbef86 9859341 0dbef86 9859341 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 |
<!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;
}
.profile-grid-container {
display: grid;
grid-template-columns: repeat(7, auto);
grid-gap: 5px;
padding: 10px;
align-items: center;
}
.nitrogen-grid-container {
display: grid;
grid-template-columns: auto auto;
grid-gap: 5px;
padding: 10px 10px 0 10px;
align-items: center;
}
.fertilisers-grid-container {
display: grid;
grid-template-columns: repeat(10, auto);
grid-gap: 5px;
padding: 10px;
align-items: center;
}
.profile-label {
text-align: center;
font-weight: bold;
}
</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> |