Bootstrap3でtextフィールド内にclearボタンを設置する技 | colori

Bootstrap3でtextフィールド内にclearボタンを設置する技 | colori

PCサイトのUIではあまり気になりませんが、スマホサイトのUIの場合、一旦テキストフィールド（input typ...概要を表示 PCサイトのUIではあまり気になりませんが、スマホサイトのUIの場合、一旦テキストフィールド（input type=”text”）に入力したテキストをクリアさせるのは、ユーザーにとって手間ですよね。 クックパッドなどでは親切に「×」ボタンを用意してクリアできるようになっています。 Bootstrapベースのサイトでもできるのかどうか調べると、素晴らしいサンプルが stackoverflow で紹介されていました。 参考：How do I clear a search box with an ‘x’ in bootstrap 3? class=”btn-group” でくくる それが「テキストフォームと削除用のGlyphiconボタン要素をbtn-grpupでまとめる」というもの。 まずはHTMLコードから。 <div class="btn-group"> <input type="text

• jQuery