0

編集可能なラベルを作成するにはどうすればよいですか? 表にデータを表示していますが、表示されたデータをその場で編集できるようにしたいと考えています。どの CSS スタイルを使用できますか?

4

2 に答える 2

1

そこにテキスト入力ボックスを配置し、その背景をコンテナの背景と同じにし、その上に 0 の境界線を置き、テーブル内の他の項目と同じフォント スタイルと色を使用します。

于 2012-12-26T07:07:58.717 に答える
1

どの CSS スタイルを使用できますか?

それは実際には CSS の問題ではありません (質問が特定のスタイルを実現することだけに関係している場合を除きます)。

あなたはできる：

  1. すべてのテーブル セルに入力が含まれるようにします。これには、フォームが POST された場合にすべてのデータがサーバーに送信されるという (潜在的に重大な) 欠点があります。テーブルが小さいか、ページ全体を完全に送信しない場合を除き、このアプローチはお勧めしません。

  2. クリック時にラベルを入力に変更します。フォームが送信されると、この値がリクエストの一部になります。

  3. 他の場所でのアクション (行にフォーカスする、行の横にある編集ボタンをクリックするなど) に応じて、ラベルを入力に変更します。

  4. 要素にcontenteditable="true"を設定します。これにより、豊富な書式設定が可能になりますが、ユーザーが行った変更を追跡する必要もあります。フォーム フィールドに配置しない限り、サーバーに送信されません。

ラベルを入力 (#2 および #3) に変更するには、JavaScript のスニペットが必要になる可能性があります。アプローチ 4 でサーバーにデータを取得するには、JavaScript が必要です。

于 2012-12-26T07:08:27.893 に答える