Spreadsheet-like input in html?

html input spreadsheet copy-paste
user1111929 picture user1111929 · Apr 26, 2013 · Viewed 12k times · Source

I'm writing a webpage (PHP/html/css) and I would like to let my users enter a lot of data, always consisting of the same information: day, hour, title, details, class. For this, I'd need a <table> with <input> fields, but with the additional feature that it looks like a spreadsheet, and that users can copy-paste (blocks of) rows and move rows around, as they will often need to enter a lot of similar data.

I feel like re-inventing the wheel if I'd have to write this from scratch. How would I best do this? Is there any standard package (e.g. in javascript) allowing such functionality?

Note: I don't need any spreadsheet functionality (formulae etc.), just the copy/paste/move on input. So a full spreadsheet package would probably be overkill and also clutter the interface.

Answer

Osiris picture Osiris · Apr 26, 2013

I've used Handsontable before - very easy-to-use.

Related questions

Set the value of an input field

How would you set the default value of a form <input> text field in JavaScript?

Read More
Is there any way to change input type="date" format?

I'm working with HTML5 elements on my webpage. By default input type="date" shows date as YYYY-MM-DD. The question is, is it possible to change its format to something like: DD-MM-YYYY?

Read More
How to get current formatted date dd/mm/yyyy in Javascript and append it to an input

I would like to add a current date to a hidden HTML tag so that it can be sent to the server: <input type="hidden" id="DATE" name="DATE" value="WOULD_LIKE_TO_ADD_DATE_HERE"> How can …

Read More