技術ブログ
投稿日：
通常はただのテーブル(or普通のHTML)ですが、クリックするとinputになり、入力が可能になる手法について。
contenteditableなど
普通のHTML要素に
|
1 |
<div contenteditable="true"> |
などしてあげるとfocus時に入力可能な要素になります。
注意点としては下記のようなことが挙げられます。
他、jQueryのプラグインなどでもクリック時に編集可能ということはできるようです。
執筆者：matsumoto
関連記事
boostrapでサイトを作るときにヘッダーとサイドバーを固定したいときについてメモします。 Contents1 ヘッダーを固定したい場合2 サイドバーを固定したい場合3 参考リンク ヘッダーを固定し …
css tips display:table,marginの相殺,font-size指定,margin上下の%など
昨日、喫茶店でみていた参考書でみたCSSのネタに関して忘れないようにメモ。 Contents1 display:table2 inputのfocus時の青を消す3 marginの相殺4 font-s …
selectで複数選択をするときには通常のプルダウンでも可能ですが、プラグインを使うともっとスマートに対応できます。 今回私が実装したかったのがCSVアップロードorダウンロードで項目を自由に変更した …
css animationの使い方、他スクロース量でのアニメーションなど
transitionとちょっと近いですがCSSでのanimationに関して。 HTML
|
1 2 |
<div class="block animation_css"> </div> |
CSS [crayon-6628d8ddea …
主に画像なんかで使われるんですが、max(min)-width(height)などの使い方に関して。 えーmax(min)はどういうときに使われるかというとまず可変な要素に対して使われることが多いです …
2024/04/11
2024/03/24
2024/02/05
2024/01/20
2023/12/31