忍者ブログ

ひつ(じのひよこが)プログラミングします。
お仕事や趣味で困ったこととか、何度も「あれ?どうだったかしら」と調べたりしたこととか、作ったものとか、こどものこととかを書きます
★前は週末定期更新でしたが今は不定期更新です

2024/11    10« 1  2  3  4  5  6  7  8  9  10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  25  26  27  28  29  30  »12

[愚痴] datalist は safari (≒ iPhone) では利用できない

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

コメント

ただいまコメントを受けつけておりません。

[愚痴] datalist は safari (≒ iPhone) では利用できない

autocomplete と datalist

以下のようにすると、上述のような入力欄が作れる。

<input list="my-datalist"
       autocomplete="on"
       type="text" />
<datalist id="my-datalist">
  <option>ひよこ</option>
  <option>ひつじ</option>
  <option>うさぎ</option>
</datalist>

ユーザの入力に合わせて候補を絞ってくれる便利な奴である。

だがこれ、Safari (iPhone 標準のブラウザ) では datalist が対応していなく、使えないらしい。上手いこと JavaScript とかで作ってやらないといけないようだ。

何をしたかったの?

過去の入力を WebStrogage に保存しておき、それをページ読み込みと同時に datalist に追加することで、過去の入力も含めて候補として出力したかった。入力欄兼コンボボックスみたいな使い方をしたかったのである。

PR

コメント

ただいまコメントを受けつけておりません。

ブログ内検索

P R