HTML input type number with decimal precision.

decimal-number.js

(function(){
	// Input field given to n decimal places.  Degrades gracefully to standard numeric input.
	// Usage: <input type="number" is="decimal-number" data-places="2" name="..." value="...">
	try {
	var proto = Object.create(HTMLInputElement.prototype);
	proto.createdCallback = function() {
		this.type = "number";
		this.addEventListener("change", this.decimate);
		this.value = parseFloat(this.value).toFixed(this.getAttribute('data-places'));
	};
	proto.decimate = function(){
		this.value = parseFloat(this.value).toFixed(this.getAttribute('data-places'));
	};
	document.registerElement("decimal-number", {
		prototype: proto,
		extends: 'input'
	});
	} catch(e){}
})();