ハック 2016.01.20 2,713 HTML5inputタグの入力欄に候補をだす ツイート シェア はてな <input>タグにlist属性と<datalist>タグを使うと簡単に入力候補を実装できます。また、<datalist>内部の<option>の中になにか文字を入れると、サブテキストが表示されます。 サブテキスト1サブテキスト2 <input type="text" list="data"> <datalist id="data"> <option value="値1">サブテキスト1</option> <option value="値2">サブテキスト2</option> </datalist> つくってみた!社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。社内のトイレ難民解決!トイレ空き状況確認システムを作ってみたAmazon Polly と Slack を使って Alexa へ (物理的に) 話しかけるシステムを作ってみた関連記事 ドロップダウンメニューを作りたかった Chromeでdatalistを利用するとhoverで表示される三角を非表示にする HTML5:ダウンロードリンクを置く HTML5でのstrongタグは「太字」表現ではなく「強調」したい時に使おう Safariはdatalistには未対応 フォームでラベルもクリックできるようにする