HTML Änderung

data/index.html

@@ -41,15 +41,17 @@
     
   </div>
 
-  <div class="terminal">
-    <input type="button" id="clear_term" value="clear" onclick="clearTerminal();">
-    <input type="checkbox" id="scroll" name="scroll" value="scroll" checked>
-    <label for="scroll"> autoscroll </label>
-    <textarea id="term">waiting for log messages ...&#10;</textarea>
+
+
+                  <div class="terminal">
+                    <input type="button" id="clear_term" value="clear" onclick="clearTerminal();">
+                      <input type="checkbox" id="scroll" name="scroll" value="scroll" checked>
+                        <label for="scroll"> autoscroll </label>
+                        <textarea id="term">waiting for log messages ...&#10;</textarea>
   </div>
 
 </body>
 
-<script src="/input.js"></script>
+                    <script src="/input.js"></script>
 
 </html>

data/style.css

@@ -110,4 +110,21 @@ input:checked + .slider:before {
 
 #clear_term {
   margin: 2px;
-}
+}
+
+
+
+input[type="number"] {
+  width: 100px;
+}
+
+input:invalid+span:after {
+  content: '✖';
+  padding-left: 5px;
+}
+
+input:valid+span:after {
+  content: '✓';
+  padding-left: 5px;
+}
+