0

これが私のコードです。検索ロジックに HTML5 を使用しています。

<form style="padding-top: 15px; margin-bottom:-15px" onsubmit="location.href='/search/' + document.getElementById('userInput').value; return false;" />
    <input id="userInput" style="width:150px; padding: 5px; margin: 0 5px; font-size: 90%;" type="text" value="" onclick="this.value=''" />
    <input style="width:80px; height: 25px; font-size: 90%;" type="submit" value="Search" />
</form>

送信後にフィールドにユーザーが入力した検索値を表示するにはどうすればよいですか? HTML5タグがあるような気がしますが、不明です...

4

1 に答える 1

0

「フォームを送信する前にここに入力した内容を記憶する」ことを意味する HTML5 タグはありません。これは HTML 要素の役割ではありません。

フォームが送信されると、新しいページが表示されます。リダイレクトするか、ページをレンダリングします。そのため、検索用語をフォームに表示するにvalueは、検索フィールドの属性に用語を配置して、結果ページをレンダリングする必要があります。

あなたが使用しているサーバー側のテクノロジーがわからないので、具体的には言えませんが、一般的には次のとおりです。

<input ... value="[IF length($searchValue) > 0 THEN print $searchValue]" ... />

また、インラインonclickイベントを使用してフィールドの値を空の文字列に設定しています。たとえ値を正常に持ち越したとしても、ユーザーが入力にフォーカスするとすぐに、持ち越された値はクリアされます。その部分の JavaScript を再考することをお勧めします。

于 2013-06-24T18:23:59.330 に答える