テキストデータを含むテーブルがあります。列の 1 つをクリック可能にする必要があります。この行を編集するためのポップアップが表示されます。
この行をクリックするとポップアップが表示されることをユーザーに説明する最良の方法は何ですか? 4 つのバリアントが表示されます。
- ハイパーリンク
<td><a href="#">Smith</a></td>
通常、リンクによって新しいページが開かれるわけではありません。 - 点線の下線のリンク
<td><span style="cursor:pointer; border-bottom: dotted 1px">Jackson</span></td>
ユーザーは、ホバリング ヘルプ ウィンドウが表示されることを期待します。 - ボタン
<td><button>Doe</button></td>
見栄えが悪く、クリック後に何が起こるかわかりません。 - Clickable icon
<td>Johnson <span style="cursor:pointer" class="glyphicon glyphicon-edit"></span>
同じ要素を何度も繰り返すのは避けたい。
これは、これらすべてのバリアント のフィドルです。