Yelpのようなアプリを想像してみてください。この場合、何かを評価したい星の数を選択します。実行すると、事前に生成されたテキストがテキスト入力フィールドに表示されます。このテキストは、事前に生成された有用なレビューであるため、そのまま使用することも、削除して独自に作成することもできます。
私はこのテキストがあなたが使用する必要がないものであること、それがオプションであり、あなたに強制されていないことを示すための最良の方法は何かを決定しようとしています。編集可能であること。
私ができること:-編集可能であることを示すアイコンがあります(鉛筆ですか?)(あまり明確ではありません)-たとえば、 「編集するにはタップしてください」(少し面倒で、画面にヒントが表示されます)-画面に表示された瞬間にテキストを「選択」します。 (最もきれいな方法ですが、十分に明確ですか?)
私が見逃している明らかなことはありますか?何が一番いいと思いますか?
これに対処する良い方法は、多くの検索入力にある丸い閉じるアイコンを追加することだと思います。これは、テキストが編集可能であるだけでなく、使用しないことを選択した場合はクリアできることを示しています。
私の経験では、少なくとも次のことをするのが最善の方法です。
テキストはハイコントラストである必要があります。たとえば、デザインに応じて、白地に黒(推奨)または黒地に白などです。
テキストは、アプリケーションのラベルやその他の編集できないフィールドと視覚的に区別できる必要があります。
アプリケーションでマウスを使用している場合は、マウスをその上に置くと、カーソルがIビームカーソルに変わることを確認します。
アプリケーションでマウスを使用しない場合は、固定長方形の境界線や背景色の違いなどの追加のアフォーダンスを使用して、テキストがアプリケーションの他の部分と異なり、編集用に選択できることを示します。
私は単にこれを行います:
デフォルトテキストのテキスト領域が生成されるときはいつでも、デフォルトでselected textとして表示します。これにより、ユーザーはテキストが編集可能であると明確に感じるようになります。
$('#id').select().focus()
これをafterRender
に入れることができます
これは、画面に他に何があるかによって異なる、読み込まれた質問の一種です。