SIMPLE HTML INVOICE TEMPLATE PDF

SIMPLE HTML INVOICE TEMPLATE PDF

It’s pretty trivial to print to PDF these days, so ultimately while you are printing it, you could alternatively save to PDF which gives you a real document for emailing or archiving or whatever. If you put this up on a secret place on your website, you could theoretically access it from any computer in the world with internet access and a printer and spit out an invoice. Well for one thing, this requires zero software other than your browser. Why the heck would you do this with HTML and not with regular desktop software that is built for this kind of thing? So if you, say, accidentally refreshed the page while working on it, the values you changed so far would be fine. For another, browsers tend to save the values of form elements. For one, they are real form elements, so you could theoretically wrap this thing in form tag, put a submit button on it, and write some PHP to process it and do other stuff with it. There are a additional bonuses to using textareas. So all it takes to make editable elements on a web page is use textareas.

You can pre-set values of textarea elements in HTML just by putting text in between the opening and closing tag. This of course can’t do nearly all the awesome stuff FreshBooks can do, but it might be useful to some of you with extremely lightweight invoicing needs.

I got to thinking it would be a kinda cool idea to create an editable HTML invoice of my own. I always like how in FreshBooks to edit invoices you literally just click and interact directly with a web page that looks like an invoice.

Simple html invoice template