diff --git a/ledger_pyreport/jinja2/index.html b/ledger_pyreport/jinja2/index.html
index 89d5e73..4992182 100644
--- a/ledger_pyreport/jinja2/index.html
+++ b/ledger_pyreport/jinja2/index.html
@@ -28,7 +28,7 @@
 			<button class="fy-btn">FY</button>
 			<label>Period start: <input name="pstart" data-inputgroup="pstart" value="{{ pstart.strftime('%Y-%m-%d') }}" style="width: 6em;" oninput="txtc(this)"></label>
 			<label>
-				Compare <input name="compare" data-inputgroup="compare" value="0" style="width: 2em;" oninput="txtc(this)">
+				Compare <input type="number" name="compare" data-inputgroup="compare" value="0" style="width: 2em;" oninput="txtc(this)">
 				<select name="cmpperiod" data-inputgroup="cmpperiod" oninput="selc(this)">
 					<option value="year" selected>years</option>
 					<option value="month">months</option>
@@ -45,7 +45,7 @@
 			<button class="fy-btn">FY</button>
 			<label>Period start: <input name="pstart" data-inputgroup="pstart" value="{{ pstart.strftime('%Y-%m-%d') }}" style="width: 6em;" oninput="txtc(this)"></label>
 			<label>
-				Compare <input name="compare" data-inputgroup="compare" value="0" style="width: 2em;" oninput="txtc(this)">
+				Compare <input type="number" name="compare" data-inputgroup="compare" value="0" style="width: 2em;" oninput="txtc(this)">
 				<select name="cmpperiod" data-inputgroup="cmpperiod" oninput="selc(this)">
 					<option value="year" selected>years</option>
 					<option value="month">months</option>
@@ -62,7 +62,7 @@
 			<label>End date: <input name="date_end" data-inputgroup="date" value="{{ date.strftime('%Y-%m-%d') }}" style="width: 6em;" oninput="txtc(this)"></label>
 			<button class="fy-btn">FY</button>
 			<label>
-				Compare <input name="compare" data-inputgroup="compare" value="0" style="width: 2em;" oninput="txtc(this)">
+				Compare <input type="number" name="compare" data-inputgroup="compare" value="0" style="width: 2em;" oninput="txtc(this)">
 				<select name="cmpperiod" data-inputgroup="cmpperiod" oninput="selc(this)">
 					<option value="year" selected>years</option>
 					<option value="month">months</option>
@@ -84,7 +84,7 @@
 			<label>End date: <input name="date_end" data-inputgroup="date" value="{{ date.strftime('%Y-%m-%d') }}" style="width: 6em;" oninput="txtc(this)"></label>
 			<button class="fy-btn">FY</button>
 			<label>
-				Compare <input name="compare" data-inputgroup="compare" value="0" style="width: 2em;" oninput="txtc(this)">
+				Compare <input type="number" name="compare" data-inputgroup="compare" value="0" style="width: 2em;" oninput="txtc(this)">
 				<select name="cmpperiod" data-inputgroup="cmpperiod" oninput="selc(this)">
 					<option value="year" selected>years</option>
 					<option value="month">months</option>