Apple の脅威の通知と金銭目当てのスパイウェアへの対策について

しばらく返答が寄せられていないようです。 再度ディスカッションを開始するには、新たに質問してください。

Safari11.0のinput type=searchタグ対応について

★HTML5タグリファレンス

<input type="search"> …… 検索テキストの入力欄を作成する

http://www.htmq.com/html5/input_type_search.shtml


上記のURLで確認していただくと、わかると思うのですが

Chrome,FireFox,IEなどのブラウザでは<input type="search">

に該当する検索窓をダブルクリックすると、検索履歴のバー

が現れるのですが、Safariではでてきません。


検索履歴のバーを出すようにするには、どのような対応をすれば

良いか、もしくは現状では対応不可なのかが知りたいです。


ご存知の方がいらっしゃいましたら、教えてください。

投稿日 2018/02/09 10:35

返信
スレッドに付いたマーク ベストな回答

投稿日 2018/02/10 04:11

久しぶりにHTMLいじりました。ソースを見るのは時々やってましたが、書いて試すのは何年振りでしょうか^^;


本題ですが、先の画面はご想像のとおり「戻る」で試したものです。

で、色々試した結果、こんな形になりました。(肝となるところだけ)

# テスト環境:macOS 10.13.3、Safari 11.0.3、Server 5.5(Webサーバをlocalhostに対して起動)

確認した限りでは新規ページで開いても履歴が表示されてます。


<input type="search" tagindex="2" name="qt" autosave="saved-qt" size="31" maxlength="255" autocomplete="on" results="10">

# nameは違いますが、一応「拝啓〜」のものに近づけてます。

  • autosave=uniq-name :これを指定することでページをリロードしても検索履歴が残るようになります。(これもresultsと同じくAppleによる拡張機能[ Specifies an autosave name for a search field, so prior searches can be saved. ]です)
  • autocomplete="on":自動補完。過去に使った検索データを元に補完してくれます。ここで参照する検索データは検索履歴で表示するデータとは別個に保存されているようで検索履歴が表示されなくても補完候補は表示されました。
  • 各attributeの順番も(ものによっては)大事なようで、とりあえずこの順番に落ち着きました。


実行結果:

ユーザがアップロードしたファイル

ここから"e"を入力した状態:履歴に表示されている範囲以前の検索データであるelevenが候補に上がってます。

ユーザがアップロードしたファイル

以上、ご参考まで。

返信: 15

返信はありません。

Safari11.0のinput type=searchタグ対応について

Apple サポートコミュニティへようこそ
Apple ユーザ同士でお使いの製品について助け合うフォーラムです。Apple ID を使ってご参加ください。