forked from wtf-eg/simplekolecalc
add accesskeys for easier use without mouse
This commit is contained in:
parent
540cf01e8d
commit
93eb1a0354
14
kole.html
14
kole.html
@ -3,19 +3,20 @@
|
|||||||
<head>
|
<head>
|
||||||
<style>
|
<style>
|
||||||
input[type='number']{text-align:right;}
|
input[type='number']{text-align:right;}
|
||||||
|
input[readonly='readonly']{background-color:#eee;}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Rechner zwischen Brutto-Netto-Kole</h1>
|
<h1>Rechner zwischen Brutto-Netto-Kole</h1>
|
||||||
<table>
|
<table>
|
||||||
<tr><td>Eingangsgröße:</td><td><input type="radio" name="b" value="e" id="bb" class="bb" checked="checked"/><label for="bb">Brutto</label><input type="radio" name="b" value="b" id="bn" class="bb"/><label for="bn">Netto</label><input type="radio" name="b" value="k" id="bk" class="bb"/><label for="bk">KoLe</label></td></tr>
|
<tr><td>Eingangsgröße:</td><td><input accesskey="b" type="radio" name="b" value="e" id="bb" class="bb" checked="checked"/><label for="bb"><u>B</u>rutto</label><input accesskey="n" type="radio" name="b" value="b" id="bn" class="bb"/><label for="bn"><u>N</u>etto</label><input accesskey="k" type="radio" name="b" value="k" id="bk" class="bb"/><label for="bk"><u>K</u>oLe</label></td></tr>
|
||||||
<tr><td>Brutto</td><td><input type="number" step="0.01" id="e" value="100.00"/> €</td></tr>
|
<tr><td>Br<u>u</u>tto</td><td><input accesskey="u" type="number" step="0.01" id="e" value="100.00"/> €</td></tr>
|
||||||
<tr><td>Umsatzsteuersatz</td><td><input type="number" step="0.01" id="u" value="19.00"/> %</td></tr>
|
<tr><td>Umsatzsteuersatz</td><td><input type="number" step="0.01" id="u" value="19.00"/> %</td></tr>
|
||||||
<tr><td>Umsatzsteuer</td><td><input type="number" step="0.01" id="us" value="0.00"/> €</td></tr>
|
<tr><td>Umsatzsteuer</td><td><input readonly="readonly" type="number" step="0.01" id="us" value="0.00"/> €</td></tr>
|
||||||
<tr><td>Netto</td><td><input type="number" step="0.01" id="n" value="0.00"/> €</td></tr>
|
<tr><td>N<u>e</u>tto</td><td><input accesskey="e" type="number" step="0.01" id="n" value="0.00"/> €</td></tr>
|
||||||
<tr><td>Entropieumlagesatz</td><td><input type="number" step="0.01" id="z" value="23.00"/> %</td></tr>
|
<tr><td>Entropieumlagesatz</td><td><input type="number" step="0.01" id="z" value="23.00"/> %</td></tr>
|
||||||
<tr><td>Entropieumlage</td><td><input type="number" step="0.01" id="eu" value="23.00"/> €</td></tr>
|
<tr><td>Entropieumlage</td><td><input readonly="readonly" type="number" step="0.01" id="eu" value="23.00"/> €</td></tr>
|
||||||
<tr><td>KoLe</td><td><input type="number" step="0.01" id="k" value="0.00"/> €</td></tr>
|
<tr><td>K<u>o</u>Le</td><td><input accesskey="o" type="number" step="0.01" id="k" value="0.00"/> €</td></tr>
|
||||||
<tr><td> </td><td><input value="Berechnen" id="b" type="button"/></td></tr>
|
<tr><td> </td><td><input value="Berechnen" id="b" type="button"/></td></tr>
|
||||||
</table>
|
</table>
|
||||||
<script>
|
<script>
|
||||||
@ -54,7 +55,6 @@
|
|||||||
});
|
});
|
||||||
e.addEventListener('change', function(){bb.checked = true;});
|
e.addEventListener('change', function(){bb.checked = true;});
|
||||||
n.addEventListener('change', function(){bn.checked = true;});
|
n.addEventListener('change', function(){bn.checked = true;});
|
||||||
k.addEventListener('change', function(){bk.checked = true;});
|
|
||||||
s.click();
|
s.click();
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
Loading…
Reference in New Issue
Block a user