表示検索開始時にEnterを押す

Question

ユーザーが検索フォームに入力した内容を入力した後、[Enter]キーを押してテキストを表示したい単純な検索フォーム入力があります。スタックオーバーフローを無駄に検索しました。

<form action="/search" method="GET"> 
    <input type="search" id="searchform" name="q" /> 
    </form> 

Answer 1

placeholderの機能を調べてみましたか？

<input type="search" id="searchform" name="q" placeholder="[Press Enter]" /> 

入力フィールドに「ゴーストテキスト」を追加して入力できます。

ユーザーが入力した後に[[Enter]キーを押してください。 "を追加しようとすると、実際に照会された文字列に問題が発生します。提出後の処理JavaScript内でon("change", ...)イベントリスナーを使用して値を更新することができます（例： ：

$("#searchform").on("change", function() { 
    $(this).val($(this).val() + "[Press Enter]"); 
}; 

と、それは常に更新していないが、私はあなたが、プレースホルダを持つ方が良いと思うので、いくつかのタイムアウトチェックを追加します。一度ユーザーが初めてそれを見ると、私は彼または彼女が彼または彼女が検索するためにenterを押すことになっていることを理解すると確信しています。