通常はただのテーブル(or普通のHTML)ですが、クリックするとinputになり、入力が可能になる手法について。
contenteditableなど
普通のHTML要素に
1 |
<div contenteditable="true"> |
などしてあげるとfocus時に入力可能な要素になります。
注意点としては下記のようなことが挙げられます。
- tr,td要素はieでは動きません。divにつけるようにしましょう。
- 複数行のもの+日本語のものは挙動がおかしくなる可能性があるようです。
他、jQueryのプラグインなどでもクリック時に編集可能ということはできるようです。